JavaScript的事件处理

您现在的位置：首页 > 网站建设常识 > 浏览内容

出处：郑州华清广告有限公司发布日期：2010-7-14 13:35:51 浏览次数：131

（1）事件及响应方法

JavaScript采用了事件驱动的响应机制，用户在网页中的交互操作，将触发相应的事件，当事件发生时，系统会调用执行对应的事件处理函数。

事件：由系统预先定义好的，能被对象识别的一种动作。

事件的类别：系统事件（Load，Unload）和用户事件(MouseOver,MouseOut,MouseDown、MouseUp,Click,KeyDown,KeyUp等

事件的响应通过On与事件名称组成，比如Click事件，对应的事件为OnClick

事件句柄=事件处理函数（）或语句

网页中各对象的常用事件

对象类别	事件处理函数定义位置	事件名称	事件出发条件
网页对象 document	<body> 或document.body	Load Unload Contextmenu Selectstart MouseDown	载入当前网页时触发试图载入一个新的网页时触发单击右键，弹出快捷菜单时触发在网页中用鼠标拖动时触发在网页中按下鼠标键时触发
表单	<form>	Submit Reset	用户提交表单用户复位表单
文本框口令输入框多行文地域	<input type=”text”> <input type=”password”> <textarea>	Blur Focus Change Select Keydown keypress	文本框失去焦点文本框得到焦点文本框内容发生变化选定文本框中的文本按下键盘上的某个键时触发发生在keydown之后，只有在keydown的事件处理函数返回true时才会触发
普通按钮提交按钮复位按钮	<input type=”button”> <input type=”submit”> <input type=”reset”>	click	单击按钮时触发
超链接	<a>	click	单击超链接对象时触发

（2）document的常用事件

l Load、unload事件

举例：（chapter03/section5/ eventwelcom.asp）

l Contextmenu事件

在弹出菜单之前，先调用事件过程函数，如果为true则弹出，否则不弹出！

l Selectstart事件

在选取之前，先调用事件过程函数，如果为true则可以被选中，否则不能选中！

表单对象的常用事件；

l Mousedown事件

function nomenu(){

if(event.button==2||event.button==3) {

alert("you can't select!"); //用对话框替代快捷菜单；

}

document.onmousedown=nomenu;

</script>

（3）表单对象的常用事件

l Submit事件

事件处理函数完成表单数据的检验（chapter03/section5/ register.asp），返回true则提交数据，否则禁止提交表单；