Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/82.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
浏览器JavaScript mousedown事件:检测鼠标右键:我是否查看;按钮“;或;哪个;?_Javascript_Html_Web - Fatal编程技术网

浏览器JavaScript mousedown事件:检测鼠标右键:我是否查看;按钮“;或;哪个;?

浏览器JavaScript mousedown事件:检测鼠标右键:我是否查看;按钮“;或;哪个;?,javascript,html,web,Javascript,Html,Web,在过去的日子里,jQuery将鼠标左键、中键和右键的规格化为1、2和3 指示按钮是标准按钮,产生0、1和2的值 在桌面上,Chrome、Safari、Firefox、IE11和Edge都提供了按钮和按钮,这两个按钮似乎都可以使用 (顺便说一下,我正在编写原始JS。没有JS库依赖项。我正在使用element.addEventListener()监听mousedown) 哪一个是我们希望在前进中使用的 继续使用零基 0 - left mouse button 1 - middle mouse but

在过去的日子里,jQuery将鼠标左键、中键和右键的
规格化为1、2和3

指示
按钮是标准按钮,产生0、1和2的值

在桌面上,Chrome、Safari、Firefox、IE11和Edge都提供了
按钮和
按钮,这两个按钮似乎都可以使用

(顺便说一下,我正在编写原始JS。没有JS库依赖项。我正在使用
element.addEventListener()
监听
mousedown


哪一个是我们希望在前进中使用的

继续使用零基

0 - left mouse button
1 - middle mouse button
2 - right mouse button
较旧的浏览器(IE 8及以下,希望您不必支持它们)是:

一些示例代码来测试这一点

<script>
        var clickTest = document.getElementById('clickTest');
        clickTest.addEventListener('mousedown', clickHandler);

        function clickHandler(event) {
            alert(event.button);
        }
</script>

<p id="clickTest">This is a test</p>

var clickTest=document.getElementById('clickTest');
clickTest.addEventListener('mousedown',clickHandler);
函数clickHandler(事件){
警报(事件按钮);
}

这是一项测试

哪一个是我们希望在前进中使用的

嗯,规范说明了
按钮
属性,但是
哪个属性

所以这应该可以回答这个问题,但是您可以使用
,只要浏览器独立于W3C规范支持它

Scott展示了1,2,4的
位图

这也在当前规范的
按钮下

触发鼠标事件时按下的按钮:左键=1,右键=2,中间(滚轮)按钮=4,第四个按钮(通常为“浏览器后退”按钮)=8,第五个按钮(通常为“浏览器前进”按钮)=16。如果按下两个或多个按钮,则返回值的逻辑和。例如,如果按下左键和右键,则返回3(=1 | 2)


对于一些绘图应用程序来说可能很有趣,有多种手势类型。

是的,我不知道。这是一个有用的位图(如1,2,4所示),但看起来unsupported@StevenLu查看按钮下的规格或阅读我的答案。好极了<那页上的“代码>按钮”
几乎能吸引我的眼球,但我把它遮住了。这真的很有用。@StevenLu我来这里是因为你的问题&链接,通过帮助学习,很棒;)
<script>
        var clickTest = document.getElementById('clickTest');
        clickTest.addEventListener('mousedown', clickHandler);

        function clickHandler(event) {
            alert(event.button);
        }
</script>

<p id="clickTest">This is a test</p>