■知识点
通过事件对象的button属性可以获取当前鼠标按下的键,该属性可用于click、mousedown、 mouseup事件类型。不过不同模型的约定不同,具体说明如表所示。
单 击 | IE事件模型 | DOM事件模型 |
左键 | 1 | 0 |
右键 | 2 | 2 |
中键 | 4 | 1 |
IE事件模型支持位掩码技术,它能够侦测到同时按下的多个键。例如,当同时按下左键和右键时,则button属性值为1+2=3;同时按下中键和右键时,则button属性值为2+4=6;同时按下左键和中键时,则button属性值为1+4=5,同时按下3个键时,则button属性值为1+2+4=7。
■实例设计
本例设计页面监测右键单击操作,并阻止发生默认行为。
document.onclick = function(e){
var e = e || window.event; //标准化事件对象
if(e.button == 2){
e.preventDef ault(); //禁止事件默认行为
return false;
}
}
■小结
当鼠标点击事件发生时,会触发很多事件:mousedown、mouseup、click、dblclick。这些事件响应的顺序如下:
cmousedown-^mouseup-^ciick-^mousedown-^mouseup-^click-^dblclick
当鼠标指针在对象间移动时,首先触发的事件是mouseout,即在鼠标指针移出某个对象时发生;接着,在这两个对象上都会触发mousemove事件;最后在鼠标指针进入的对象上触发mouseover事件。
已有 22658 名学员学习以下课程通过考试
最需教育客户端 软件问题一手掌握
去 App Store 免费下载 iOS 客户端
点击加载更多评论>>