JavaScript教程之事件驱动

黄舟
黄舟 原创
2016-12-22 15:46:20 1054浏览

JavaScript 事件驱动中的事件是通过鼠标或热键的动作引发的。它主要有以下几个事件:

1、单击事件 onClick

当用户单击鼠标按钮时,产生 onClick 事件。同时 onClick 指定的事件处理程序或代码将被调用执行。通常在下列基本对象中产生:button(按钮对象)、checkbox (复选框)或(检查列表框)、radio (单选钮)、reset buttons(重要按钮)和submit buttons(提交按钮)。

例:可通过下列按钮激活 change()文件:

<Form>

<Input type="button" Value=“ ” onClick="change()">

</Form>

在 onClick 等号后,可以使用自己编写的函数作为事件处理程序,也可以使用 JavaScript 中内部的函数。还可以直接使用 JavaScript 的代码等。例:<Input type="button" value=" " onclick=alert("这是一个例子" );


2、onChange 改变事件

当利用 text 或 texturea 元素输入字符值改变时发该事件,同时当在 select表格项中一个选项状态改变后也会引发该事件。

例:

<Form>

<Input type="text" name="Test" value="Test" onCharge="check('this.test)">

</Form>


3、选中事件 onSelect

当 Text 或 Textarea 对象中的文字被加亮后,引发该事件。


4、获得焦点事件 onFocus

当用户单击 Text 或 textarea 以及 select 对象时,产生该事件。此时该对象成为前台对象。


5、失去焦点 onBlur

当 text 对象或 textarea 对象以及 select 对象不再拥有焦点、 而退到后台时,引发该文件,他与 onFocas 事件是一个对应的关系。


6、载入文件 onLoad

当文档载入时,产生该事件。onLoad 一个作用就是在首次载入一个文档时检测 cookie 的值,并用一个变量为其赋值,使它可以被源代码使用。


7、卸载文件 onUnload

当 Web 页面退出时引发 onUnload 事件,并可更新 Cookie 的状态。

以上就是JavaScript教程之事件驱动的内容,更多相关内容请关注PHP中文网(m.sbmmt.com)!


声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。