欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

JavaScript教程之事件驱动

程序员文章站 2022-04-23 17:54:56
...
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中文网(www.php.cn)!