js中event.which和event.button

今天在练习开发扫雷的时候,需要监听鼠标点击的左右键事件,课程中老师使用的是event.which监听鼠标点击左右键,但是在自己电脑上使用的时候,发现提示该属性已经被web标准弃用,故百度了一下,可以用event.button来带代替

event.which

table.onmousedown = function(event) {event = event || window.event //兼容IEconsole.log(event.target) //事件源测试switch (event.which) {case 1:console.log("你点击的是左键");break;case 2:console.log("你点击的是中键");break;case 3:console.log("你点击的是右键")}}

event.button

 var table = document.getElementsByTagName("table")[0]// console.log(table)table.onmousedown = function(event) {event = event || window.event //兼容IEconsole.log(event.target) //事件源测试switch (event.button) {case 0:console.log("你点击的是左键");break;case 1:console.log("你点击的是中键");break;case 2:console.log("你点击的是右键")}}

两者实现的功能一样,都能监听到当前点击的鼠标左右键,但是因标准问题,尽量用event.button

end

js中event.which和event.button相关推荐

js中的事件对象event （获取元素的,x,y坐标）
event的使用获取元素的,x,y坐标如图所示当鼠标放在上面那个框上时获取其坐标,并且在下面框中显示其实需要使用到鼠标移动事件 onmousemove event 事件对象中封装了当前事项相关 ...
关于js中e = e || window.event
e = e || window.event是js在事件处理兼容IE和非IE的写法.看下面简单写法: window.onload = function (e){var div1 = document.g ...
JS中的event 对象详解
JS中的event 对象详解 JS的event对象 Event属性和方法: 1. type:事件的类型,如onlick中的click: 2. srcElement/target:事件源,就是发生事件的 ...
JS 中的 event?event:window.event什么意思？求详解。
JS 中的 event?event:window.event什么意思?求详解. 2013-04-16 00:01flying607 | 分类:JavaScript |浏览813次 <script ...
js中事件对象event
一.Event对象 Event 对象代表事件的状态,比如事件在其中发生的元素.键盘按键的状态.鼠标的位置.鼠标按钮的状态. 事件通常与函数结合使用,函数不会在事件发生前被执行! 当一个事件发生的时候, ...
JS中window.event事件使用详解
一.描述 event代表事件的状态,例如触发event对象的元素.鼠标的位置及状态.按下的键等等. event对象只在事件发生的过程中才有效. event的某些属性只对特定的事件有意义.比如:from ...
js异步等待完成后再进行下一步操作_彻底搞懂JS事件中的循环机制 Event Loop
我们都知道JavaScript是单线程语言,就是因为单线程的特性,就不得不提js中的同步和异步一.同步和异步所谓单线程,无非就是同步队列和异步队列,js代码是自上向下执行的,在主线程中立即执行的就 ...
为什么JS是单线程？JS中的Event Loop(事件循环)？JS如何实现异步？setimeout？
https://segmentfault.com/a/1190000012806637 https://www.jianshu.com/p/93d756db8c81 首先,请牢记2点: (1) JS是 ...
对于怎么理解js中Event Loop，你可以看这篇文章
javascript中event loop是什么声明源文档地址介绍如何你跟我一样的话,那么你一定会爱上javascript!虽然它不是一种比较完美的编程语言,但是严格地说,还有其它比javas ...
js 中的 Event Loop 以及宏任务与微任务
目录前言 1.JS 的执行引擎与执行环境 2.js 是单线程的一.事件循环(Event Loop) 二.任务队列三.宏任务与微任务 1.宏任务 2.微任务 3.宏任务与微任务的运行机制 ...

js中event.which和event.button

js中event.which和event.button相关推荐

最新文章

热门文章