针对js事件的实践与练习答案（二）

1.10类

click

dbclick

contextmenu

mouseover

mouseout

mousemove

mousedown

mouseup

mouseenter

mouseleave

2.mouseenter和mouseleaver是不支持冒泡的

3.clientX/Y    表示鼠标指针在可视区域中的水平和垂直坐标

x/y            x/y与clientX/Y相同。

IE浏览器把视口的左上角坐标设置为(2,2)&＃xff0c;其他浏览器则将(0,0)作为起点坐标&＃xff0c;所以存在(2,2)的差距

pageX/Y       pageX/Y表示相对于页面的水平和垂直坐标&＃xff0c;它与clientX/clientY的区别是不随滚动条的位置变化

layerX/Y       layerX/Y与pageX/Y相同

[注意]IE8-浏览器不支持pageX/Y和layerX/Y&＃xff0c;不过可以根据scrollTop/Left和clientX/Y计算出来

offsetX/Y       offsetX/Y表示相对于定位父级的水平和垂直坐标

screenX/Y     鼠标指针相对于屏幕的水平和垂直坐标

4.shiftKey、ctrlKey、altKey和metaKey

[注意]火狐&＃xff0c;IE浏览器不支持metaKey属性&＃xff0c;ie不支持altKey

5. relatedTarget属性返回事件的次要相关节点。对于那些没有次要相关节点的事件&＃xff0c;该属性返回null

IE8-浏览器不支持relatedTarget属性

ie都支持fromElement属性中保存了相关元素&＃xff0c;在mouseout事件触发时&＃xff0c;ie都支持toElement属性中保存着相关元素

6.button   返回一个数值&＃xff0c;表示按下了鼠标哪个键

但&＃xff0c;IE8-浏览器的button属性的值与标准的button属性有很大差异

0:表示没有按下按钮
1:表示按下了左键
2:表示按下了右键
3:表示同时按下了左、右键
4:表示按下了滚轮
5:表示同时按下了左键和滚轮
6:表示同时按下了右键和滚轮
7:表示同时按下了左键、右键和滚轮

7.mousewheel事件

滚轮事件中有一个wheelDelta属性&＃xff0c;当用户向前滚动鼠标滚轮时&＃xff0c;wheelDelta是120的倍数&＃xff1b;当用户向后滚动鼠标滚轮时&＃xff0c;wheelDelta是-120的倍数

firefox浏览器不支持mousewheel事件&＃xff0c;它支持DOMMouseScroll事件&＃xff0c;而有关鼠标滚轮的信息则保存在detail属性中&＃xff0c;当向前滚动鼠标滚轮时&＃xff0c;这个属性的值是-3的倍数&＃xff0c;当向后滚动鼠标滚轮时&＃xff0c;这个属性的值是3的倍数　[注意]该事件仅支持DOM2级事件处理程序的写法