针对js事件的实践与练习答案(二)
2017-12-15 18:24
211 查看
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),其他浏览器则将(0,0)作为起点坐标,所以存在(2,2)的差距
pageX/Y pageX/Y表示相对于页面的水平和垂直坐标,它与clientX/clientY的区别是不随滚动条的位置变化
layerX/Y layerX/Y与pageX/Y相同
[注意]IE8-浏览器不支持pageX/Y和layerX/Y,不过可以根据scrollTop/Left和clientX/Y计算出来
offsetX/Y offsetX/Y表示相对于定位父级的水平和垂直坐标
screenX/Y 鼠标指针相对于屏幕的水平和垂直坐标
4.shiftKey、ctrlKey、altKey和metaKey
[注意]火狐,IE浏览器不支持metaKey属性,ie不支持altKey
5. relatedTarget属性返回事件的次要相关节点。对于那些没有次要相关节点的事件,该属性返回null
IE8-浏览器不支持relatedTarget属性
ie都支持fromElement属性中保存了相关元素,在mouseout事件触发时,ie都支持toElement属性中保存着相关元素
6.button 返回一个数值,表示按下了鼠标哪个键
但,IE8-浏览器的button属性的值与标准的button属性有很大差异
7.mousewheel事件
滚轮事件中有一个wheelDelta属性,当用户向前滚动鼠标滚轮时,wheelDelta是120的倍数;当用户向后滚动鼠标滚轮时,wheelDelta是-120的倍数
firefox浏览器不支持mousewheel事件,它支持DOMMouseScroll事件,而有关鼠标滚轮的信息则保存在detail属性中,当向前滚动鼠标滚轮时,这个属性的值是-3的倍数,当向后滚动鼠标滚轮时,这个属性的值是3的倍数 [注意]该事件仅支持DOM2级事件处理程序的写法
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),其他浏览器则将(0,0)作为起点坐标,所以存在(2,2)的差距
pageX/Y pageX/Y表示相对于页面的水平和垂直坐标,它与clientX/clientY的区别是不随滚动条的位置变化
layerX/Y layerX/Y与pageX/Y相同
[注意]IE8-浏览器不支持pageX/Y和layerX/Y,不过可以根据scrollTop/Left和clientX/Y计算出来
offsetX/Y offsetX/Y表示相对于定位父级的水平和垂直坐标
screenX/Y 鼠标指针相对于屏幕的水平和垂直坐标
4.shiftKey、ctrlKey、altKey和metaKey
[注意]火狐,IE浏览器不支持metaKey属性,ie不支持altKey
5. relatedTarget属性返回事件的次要相关节点。对于那些没有次要相关节点的事件,该属性返回null
IE8-浏览器不支持relatedTarget属性
ie都支持fromElement属性中保存了相关元素,在mouseout事件触发时,ie都支持toElement属性中保存着相关元素
6.button 返回一个数值,表示按下了鼠标哪个键
但,IE8-浏览器的button属性的值与标准的button属性有很大差异
0:表示没有按下按钮 1:表示按下了左键 2:表示按下了右键 3:表示同时按下了左、右键 4:表示按下了滚轮 5:表示同时按下了左键和滚轮 6:表示同时按下了右键和滚轮 7:表示同时按下了左键、右键和滚轮
7.mousewheel事件
滚轮事件中有一个wheelDelta属性,当用户向前滚动鼠标滚轮时,wheelDelta是120的倍数;当用户向后滚动鼠标滚轮时,wheelDelta是-120的倍数
firefox浏览器不支持mousewheel事件,它支持DOMMouseScroll事件,而有关鼠标滚轮的信息则保存在detail属性中,当向前滚动鼠标滚轮时,这个属性的值是-3的倍数,当向后滚动鼠标滚轮时,这个属性的值是3的倍数 [注意]该事件仅支持DOM2级事件处理程序的写法
相关文章推荐
- 针对js事件的实践与练习答案(一)
- 针对js事件的实践与练习(一)
- 针对js事件的实践与练习(二)
- JS事件对象,筋斗云导航练习,跟随鼠标练习,放大镜练习,进度条练习
- js练习之事件切换图片和控制css样式以及指定页面滚动位置
- JS针对浏览器窗口关闭事件的监听方法集锦
- 针对js动态添加元素后,事件处理不起作用的解决方案。
- 【day 9】python编程:从入门到实践学习笔记-测试代码(末附练习答案代码)
- JS针对浏览器窗口关闭事件的监听方法
- 【day 4】python编程:从入门到实践学习笔记-字典(末附练习答案代码)
- JS基础回顾,小练习(Event事件)
- JS 右键鼠标事件练习
- js基础练习---简单划过显示事件
- JS针对浏览器窗口关闭事件的监听方法集锦
- JAVA编程思想第四版-多线程的练习答案之练习15
- JS事件处理中心的构想
- cocos-js触摸事件
- JS实现事件总线
- js 文本框焦点事件
- C++ Primer Plus第六版 第五章 编程练习答案