JavaScript事件处理
JavaScript事件处理
JavaScript可以以事件驱动的方式直接对客户端的输入做出响应,无须经过服务端程序;也就是说JavaScript是事件驱动的。它可以使在图形界面环境下的一切操作变得简单化。
4.1 什么是事件处理程序
JavaScript与web页面之间的交互是通过用户操作浏览器页面触发相关事件来实现的。例如,在页面载入完毕时触发onclick事件等。事件处理程序是用于响应某个事件而执行的处理程序。事件处理程序可以是任意的JavaScript语句,但通常使用特定的自定义函数(function)来对事件进行处理。
4.2 JavaScript常用事件
多数浏览器内部对象都拥有很多的事件,常用的事件有:
onblur | 元素或窗口本身失去焦点时触发 |
onclick | 单击鼠标时触发。 |
ondbclick | 双击鼠标时触发 |
onerror | 出现错误时触发 |
onfocus | 任何元素或窗口本身获得焦点时触发 |
onload | 页面载入后在window对象上触发;所有框架都载入后,在框架集上触发; |
onmousedown | 单击任何一个鼠标按键时触发 |
onmouseover | 鼠标移到某个元素时触发 |
onmouseout | 鼠标从某个元素移开时触发 |
onmouseup | 释放任意一个鼠标按键时触发 |
onsubmit | 单击提交按钮时,在<form>上触发 |
4.3 事件处理程序的调用
在使用事件处理程序对页面进行操作时,最主要的是如何通过对象的事件来指定事件处理程序指定方式主要有一下两种:
1、在JavaScript中调用事件处理程序,首先需要获得要处理对象的引用,然后将要执行的处理函数赋值给对应的事件。
2、在html中分配事件处理程序,只需要在html标记中添加相应的事件,并在其中指定要执行的代码或是函数名即可。
Being away from home, we have nothing but a desire to make a figure