• JavaScript学习:事件


    JavaScript事件分析:
    JavaScript是一门脚本语言, 也是一门基于面向对象的编程语言, 虽然没有专业面向对象编程语言那样规范的类的继承,封装等, 但有面向对象的编程必须要有事件的驱动, 才能执行程序.

    JavaScript的主要事件:
    onClick 鼠标单击事件
    onChange 文本框内容改变事件
    onSelect 文本框内容被选中事件
    onFocus 光标聚焦
    onLoad 网页导入
    onUnload 关闭网页
    onBlur 移开光标
    onMouseOver  鼠标事件
    onMouseOut 鼠标移动事件

    onClick 鼠标单击事件, 通常与按钮一起使用
    <input name="button" type="button" onclick="rec(this.form)" value="面积">
    onChange 文本框内容改变
    <html>
    <head>
    <title>onChange事件</title>
    </head>
    <body>
    <form>
    <input type="text" name="change" value="欢迎光临!" onChange=alert("谢谢再次光临!")>
    </text>
    </form>
    </body>
    </html>
    onFocus 聚焦事件
    onFocus
    onLoad 装载事件
    <html>
    <head>
    <title>onLoad事件</title>
    </head>
    <body onLoad=alert("页面文件装载中,请稍候")>
    </body>
    </html>
    onUnLoad 卸载事件
    <html>
    <head>
    <title>onUnLoad事件</title>
    </head>
    <body onUnLoad=alert("真的要退出页面吗?请单击确定.")>
    </body>
    </html>
    onBlur 失焦事件 当光标移开当前对象时执行, 和onFocus是相对的事件.
    onBlur
    onMouseOver 鼠标事件
    onMouseOver
    onMouseOut 鼠标移开事件
    onMouseOut
    其他常用事件:
    onDbclick 鼠标双击事件
    onMouseDown 鼠标按下事件
    onMouseUp 鼠标弹起事件
    onMouseMove 鼠标移动事件
    onKeyPress 键盘输入事件
    onMove 窗口移动事件
    onScroll 滚动条移动事件
    ..................................


  • 相关阅读:
    移动端开发
    webpack2系列step2--CSS
    webpack2系列step1--HTML
    react+redux官方实例TODO从最简单的入门(6)-- 完结
    react+redux官方实例TODO从最简单的入门(5)-- 查
    react+redux官方实例TODO从最简单的入门(4)-- 改
    react+redux官方实例TODO从最简单的入门(3)-- 删
    react+redux官方实例TODO从最简单的入门(1)-- 前言
    react+redux官方实例TODO从最简单的入门(2)-- 增
    Git 标签管理
  • 原文地址:https://www.cnblogs.com/niuniu1985/p/1572407.html
Copyright © 2020-2023  润新知