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)!
推荐阅读
-
window.addeventjs事件驱动函数集合addEvent等_javascript技巧
-
在JavaScript中操作时间之getYear()方法的使用教程
-
浅谈javascript基础之客户端事件驱动
-
前端笔记知识点整合之JavaScript(十)深入JavaScript节点&DOM&事件
-
Javascript特效学习之选项卡卡定时自动切换代码教程
-
在JavaScript中操作时间之getYear()方法的使用教程
-
Javascript特效实现之倒计时按钮代码教程
-
javaWeb核心技术第四篇之Javascript第二篇事件和正则表达式
-
JavaScript设计模式之建造者模式实例教程
-
JavaScript设计模式之构造函数模式实例教程