以下是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中鼠标事件的总结，就是边肖与大家分享的全部内容。希望能给你一个参考，多多支持我们。