首页天道酬勤js鼠标进入和离开事件,html中鼠标点击事件

js鼠标进入和离开事件,html中鼠标点击事件

admin 07-03 04:06 327次浏览

理查德:点击事件。

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

, actionevent事件处理,event事件触发