以下是js中鼠标事件的总结。我觉得边肖挺好的。我现在就分享给你,给你一个参考。来和边肖一起看看吧。
js中的鼠标事件主要有onclick、onmousedown、onmouseup、oncontextmenu、ondblclick,这些事件都包含一个事件对象event。当然,在IE的较低版本中,事件对象挂在窗口下。这个我们单独讨论。
1.通过html添加事件
input type=' button ' click=' alert(1)'/
2.通过DOM0级方式添加事件
输入类型='按钮'值='单击'/
脚本
var BTN=document . getelementsbytagname(' input ')[0];
btn.onclick=function(){
警报(1);
}
/脚本
3.通过DOM2级方式添加事件
事件监控主要接受三个参数:事件类型,事件需要执行的功能,是否冒泡。默认情况下,允许冒泡。
document . addevent listener(' click ',function( ){ },true)
以上是关于事件添加的三种方式。通过DOM0级别添加事件的一个缺点是,当添加相同的事件时,后一个会覆盖前一个,但通过DOM2级别添加的相同事件不会覆盖前一个。同时需要注意的是,DOM2 level添加的事件类型前面没有‘on’。然后,如果要移除事件,DOM0 level可以通过直接使其为null来清除事件。但是如果DOM2 level添加的函数是匿名函数,就不能用removeEventListener()方法移除,因为它们指向的不是同一个函数。如果你想删除它,请记住使用一个命名函数。最后一个参数,true代表冒泡,false代表捕获。
/*
*触发onclick事件时,console.log(ev.which),鼠标左键哪个值为1。
*触发oncontextmenue时,鼠标右键值为3,不会触发onclick事件。
*使用鼠标滚轮时,鼠标的中键数值为0。
*当document.down时,鼠标键值从左到右根据键的不同分别为1、2、3。
chrome下看ev.wheelDelta,120上-120下。
*在FirFox下,通过addEventListenner()给鼠标添加一个滚轮事件。事件类型为DOMMouseScroll,视图使用ev.detail
*向上是3,向下是-3。
*
以上对js中鼠标事件的总结,就是边肖与大家分享的全部内容。希望能给你一个参考,多多支持我们。
郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。