js鼠标进入和离开事件,html中鼠标点击事件
理查德:点击事件。
dblclick :双击该事件。
mousedown :按下鼠标按钮时触发。
mouseup :释放按下的鼠标按钮时触发。
mousemove :鼠标移动事件。
移动覆盖—移动事件。
mouseout :从事件移动。
mouseenter移动事件。
mouseleave :从事件移动。
上下文菜单:右键单击事件。
当鼠标进入节点时,mouseover和mouseenter事件都将触发。 两者的区别在于,mouseenter事件只触发一次,而mouseover事件在子节点上每次鼠标移动时都会被多次触发。
var div=document.getelementbyid (div ) varp=document.getelementbyid ) div.onmouseover=function ) { c unction }
MouseEvent.altKey
MouseEvent.ctrlKey
MouseEvent.metaKey
MouseEvent.shiftKey
指示发生鼠标事件时是否按下了相应的键盘按钮。 返回值是布尔值。
document.body.onclick=function (e ) e=e|||window.event console.log (alt key : ) e.altkey ); 是否按//alt键console.log(ctrlkey: ) e.ctrlkey ); 是否按Ctrl键console.log(metakey: ) e.metakey ); 是否按meta键console.log(shiftkey: ) e.shiftkey ); 是否按下shift键} MouseEvent.button属性返回一个数字,指示事件发生时按下了鼠标的哪个键。
0表示左键
1表示中键
2表示右键
document.body.onmousedown=function (e ) e=e||window.eventconsole.log ) e.button ) MouseEvent.clientY,
MouseEvent.clientX属性返回鼠标相对于浏览器窗口左上角位置的水平坐标。
MouseEvent.clientY属性返回鼠标位置相对于浏览器窗口左上角的垂直坐标。
这两个属性都是只读的。
document.body.onmousedown=function (e ) e=e|||window.event console.log (e.clientx,e.clientY ) }mouseevive
MouseEvent.offsetX属性返回从事件所作用的对象的左边缘到鼠标位置的水平距离。
MouseEvent.offsetY属性返回从事件所作用的对象的左边缘到鼠标位置的垂直距离。
这两个属性都是只读的。
div.onclick=function(e ) e=e|||window.eventconsole.log ) e.offsetY,e.offsetY ) /鼠标事件触发时的当前
MouseEvent.pageX属性返回鼠标位置与文档左边缘之间的距离。
MouseEvent.pageY属性返回鼠标位置与文档顶部的距离。
这两个属性都是只读的。
document.body.onclick=function (e ) e=e|| (window.event console.log (pagey : ) e.pagey ) /文档顶部的console
MouseEvent.movementX属性返回最后一个mousemove事件和当前mousemove事件之间的水平偏移。
MouseEvent.movementY属性返回最后一个mousemove事件与当前mousemove事件之间的垂直距离。
这两个属性都是只读的。
e.screenX,e,screenY
距屏幕的水平距离和垂直距离
鼠标滚轮事件
滚动事件在火狐浏览器中为DOMMouseScroll,在其他浏览器中为onmousewheel。
向上滚动可保存在e.detail中
火狐: e.detail滴太啊
向上滚动返回值大于0
向下滚动的返回值小于0
非火狐: e.wheelDelta带啊
向上滚动的返回值小于0
向下滚动的返回值大于0
functionwheelevent(e ) e=e||window.eventif ) e.detail )确定是否支持e.detail的步骤火狐if ) e.detail ) console 其他浏览器if(e.wheelDelta0) { { console.log (“向下滚动”) else ) console.log (“向上滚动”) } document.body.onmon
一分快三技巧准确率100之间的距离。MouseEvent.pageY属性返回鼠标位置与文档顶部的距离。
这两个属性都是只读的。
document.body.onclick=function (e ) e=e|| (window.event console.log (pagey : ) e.pagey ) /文档顶部的console
MouseEvent.movementX属性返回最后一个mousemove事件和当前mousemove事件之间的水平偏移。
MouseEvent.movementY属性返回最后一个mousemove事件与当前mousemove事件之间的垂直距离。
这两个属性都是只读的。
e.screenX,e,screenY
距屏幕的水平距离和垂直距离
鼠标滚轮事件
滚动事件在火狐浏览器中为DOMMouseScroll,在其他浏览器中为onmousewheel。
向上滚动可保存在e.detail中
火狐: e.detail滴太啊
向上滚动返回值大于0
向下滚动的返回值小于0
非火狐: e.wheelDelta带啊
向上滚动的返回值小于0
向下滚动的返回值大于0
functionwheelevent(e ) e=e||window.eventif ) e.detail )确定是否支持e.detail的步骤火狐if ) e.detail ) console 其他浏览器if(e.wheelDelta0) { { console.log (“向下滚动”) else ) console.log (“向上滚动”) } document.body.onmon