js中event.which和event.button

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

event.which

 table.onmousedown = function(event) { 
   
        event = event || window.event //兼容IE
        console.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 //兼容IE
        console.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分享到此就结束了，感谢您的阅读，如果确实帮到您，您可以动动手指转发给其他人。