java 中鼠标事件_[Java教程]js中鼠标事件总结

[Java教程]js中鼠标事件总结

2017-07-11 00:00:19

js中鼠标事件主要有onclick，onmousedown，onmouseup，oncontextmenu，ondblclick,所有的这些事件都包含有一个事件对象event，当然在IE低版本下，event对象是挂在window底下的。这个我们另行讨论。

1.通过html添加事件

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

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

本文网址：http://www.shaoqun.com/a/316290.html

*特别声明：以上内容来自于网络收集，著作权属原作者所有，如有侵权，请联系我们：admin@shaoqun.com。

java 中鼠标事件_[Java教程]js中鼠标事件总结相关推荐

java中parseint函数_浅谈 js中parseInt函数的解析
首先还是从很热门的实例parseInt("09")==0说起. parseInt(number,type)这个函数后面如果不跟第2个参数来表示进制的话,默认是10进制. 比如说pa ...
java有push方法么_[Java教程]js中push和join方法使用介绍
[Java教程]js中push和join方法使用介绍 0 2013-10-09 07:00:17 push和join方法想必大家并不陌生吧,在本文将为大家详细介绍下js中的push和join方法的使用 ...
return true Java_[Java教程]js中return,return true,return false的用法及区别
[Java教程]js中return,return true,return false的用法及区别 0 2015-11-16 23:00:03 1.语法及返回方式 ①返回控制与函数结果语法为:retu ...
PHP中的urlencode，rawurlencode和JS中的encodeURI，encodeURIComponent
PHP中的urlencode,rawurlencode和JS中的encodeURI,encodeURIComponent [PHP中的urlencode和rawurlencode] urlencode ...
java弹窗点击事件_[Java教程]jQuery的click事件在当前页弹出层窗口（不打开新页面）...
[Java教程]jQuery的click事件在当前页弹出层窗口(不打开新页面) 0 2015-10-24 15:00:04 当给链接添加一个click事件,我们可能不希望Web浏览器按照其常规模式退出 ...
java 重量单位换算_[Java教程]JS：重量单位换算
[Java教程]JS:重量单位换算 0 2015-11-03 14:00:04 //单位换算:数量,原单位,目标单位 var GetNumByUnit = function (num, unitnam ...
java响应鼠标滚轮事件_一文读懂鼠标滚轮事件（wheelEvent）
最近在用VUE写一个后台管理系统,顶部标签页涉及鼠标滚轮事件,由于每个浏览器对滚轮事件的处理方式不一样,个人对这个又不懂,折腾了很久,参考了大神的代码,也把百度翻烂了,找到了一篇陈旧的博文(其实是主题 ...
java百分号的用法,Java String.format()方法中使用百分号'%'_栗子教程
下面这个例子演示了如何在String.format方法中显示一个百分号. 像下面这样直接调用String.format("%d%", 100)来显示百分号,将会抛出java.uti ...
cryptico.js java解密_從Cryptico.js中提取RSA私鑰
我相信這是一個非常基本的問題,但我開始使用JavaScript和RSA進行研究,所以我有點失落.我剛剛下載了Cryptico庫,它爲我提供了一個易於使用的RSA密鑰生成/加密/解密.從Cryptico ...

java 中鼠标事件_[Java教程]js中鼠标事件总结

java 中鼠标事件_[Java教程]js中鼠标事件总结相关推荐

最新文章

热门文章