《WEB前端开发技术实用教程》第08章-事件及event事件对象.pptxVIP

1第8章事件及event事件对象

目录28.1事件处理函数8.2event事件对象8.3button事件属性8.4常用事件

8.1事件处理函数指定事件处理函数的三种方法：1. 直接在HTML标记中指定处理语句格式：标记......事件=事件处理语句例：inputtype=”button”value=”点我试试！”onclick=window.alert(O(∩_∩)O哈哈~上当了吧！);/2. 直接在HTML标记中指定处理函数格式：标记......事件=事件处理函数[事件=事件处理程序...]例：bodyonload=winopen();onunload=winopen();3

8.1事件处理函数指定事件处理函数的三种方法：3. 通过事件属性进行设置格式：对象名.on事件=语句|函数名例1：document.body.onload=window.open(,w1,width=500,height=500);例2：functionshow(){window.open(,w1,width=500,height=500);}document.body.onload=show;4

8.2event事件对象event对象代表事件的状态，比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。5属性描述altKey返回当事件被触发时，ALT是否被按下。button返回当事件被触发时，哪个鼠标按钮被点击。clientX返回当事件被触发时，鼠标位置相对于窗体window的水平坐标。clientY返回当事件被触发时，鼠标位置相对于窗体window的垂直坐标。。ctrlKey返回当事件被触发时，CTRL键是否被按下。screenX返回当某个事件被触发时，鼠标位置相对于屏幕显示器的水平坐标screenY返回当某个事件被触发时，鼠标位置相对于屏幕显示器的垂直坐标shiftKey返回当事件被触发时，SHIFT键是否被按下。

8.2event事件对象IE浏览器与其他浏览器兼容性问题：1. window.event||event兼容性写法：varoEv=window.event||event;2. event.srcElement||event.target兼容性写法：varoEv=window.event||event;oTarget=oEv.srcElement||oEv.target;3. keyCode||which||charCode兼容性写法：varoEv=window.event||event;varcurrKey=oEv.keyCode||oEv.which||oEv.charCode;6

8.3button事件属性button事件属性表示当事件发生时，哪个鼠标按钮被点击7参数描述0规定鼠标左键。1规定鼠标中键。2规定鼠标右键。

8.4常用事件8属性说明onabort图像的加载被中断。onblur元素失去焦点。onchange域的内容被改变。onclick当用户点击某个对象时调用的事件句柄。ondblclick当用户双击某个对象时调用的事件句柄。onerror在加载文档或图像时发生错误。onfocus元素获得焦点。onkeydown某个键盘按键被按下。onkeypress某个键盘按键被按下并松开。onkeyup某个键盘按键被松开。onload一张页面或一幅图像完成加载。onmousedown鼠标按钮被按下。onmousemove鼠标被移动。onmouseout鼠标从某元素移开。onmouseover鼠标移到某元素之上。onmouseup鼠标按键被松开。onreset重置按钮被点击。onresize窗口或框架被重新调整大小。onselect文本被选中。onsubmit提交按钮被点击。onunload用户退出页面。

Onclick：鼠标的单击事件单击事件（onclick）是在鼠标单击时被触发的事件。单击是指鼠标停留在对象上，按下鼠标键，在没有移动鼠标的同时放开鼠标键的这一完整过程。单击事件一般应用于Button对象、Checkbox对象、Image对象、Link对象、Radio对象、Reset对象和Submit对象，Button对象一般只会用到onclick事件处理程序，因为该对象不能从用户那里得到任何信息，如果没有onclick事件处理程序，按钮对象将不会有任何作用。9

Onmousedown、onmouseup

鼠标的按下或松开事件 鼠标的按下或松开事件分别是onmousedown和onmouseup事件。onmousedown事件用于在鼠标按下时触发事件处理程序onmouseup事件是在鼠标松开时触发事件处理程序。