如何在JavaScript中使用鼠标事件

这篇文章主要介绍了如何在JavaScript中使用鼠标事件，亿速云小编觉得不错，现在分享给大家，也给大家做个参考，一起跟随亿速云小编来看看吧！

Java可以用来干什么

Java主要应用于：1. web开发；2. Android开发；3. 客户端开发；4. 网页开发；5. 企业级应用开发；6. Java大数据开发；7.游戏开发等。

1.通过html添加事件　

<input type="button" click="alert(1)"/>

2.通过DOM0级方式添加事件

<input type="button" value="点击"/>
<script>
  var btn=document.getElementsByTagName('input')[0];
  btn.onclick=function(){
     alert(1);
}
</script>

3.通过DOM2级方式添加事件

事件监听主要接受三个参数，事件类型，事件需要执行的函数，是否冒泡，默认情况下是允许冒泡的

document.addEventListener('click',function( ){ },true)

以上是关于事件添加的三种方式，通过DOM0级方式添加事件有一个缺点就是当添加同一个事件是，后写的会把先写的给覆盖掉，但是通过DOM2级方式添加的相同事件是不会覆盖前面的事件的。同时，需要注意的是通过DOM2级添加的事件类型前面是没有‘on'的，接着就是如果要移除事件的话，DOM0级直接让事件为null就能清除事件，但是如果是DOM2级添加的函数是匿名函数，通过removeEventListener（）方法是没办法移除的，因为两者指向的不是同一个函数，如果要移除，请记得使用有名函数。关于最后一个参数true是代表冒泡，false是代表捕获。

/*
* 当触发onclick事件时，console.log(ev.which),鼠标左键的which值为1
* 当触发oncontextmenue时，鼠标的右键值为3，不会触发onclick事件
* 当mousewheel时，鼠标的中键键值为0
* 当document.down时，可以根据按键的不同，从左到右鼠标键值依次为1,2,3
* 在chrome底下，查看ev.wheelDelta,向上是120，向下是-120
* 在FirFox底下，通过addEventListenner()来给鼠标添加滚轮事件，事件类型是DOMMouseScroll，查看是使用ev.detail
* 向上是3，向下是-3
*

以上就是亿速云小编为大家收集整理的如何在JavaScript中使用鼠标事件，如何觉得亿速云网站的内容还不错，欢迎将亿速云网站推荐给身边好友。