浏览器JavaScript mousedown事件:检测鼠标右键:我是否查看;按钮“;或;哪个;?
在过去的日子里,jQuery将鼠标左键、中键和右键的浏览器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
规格化为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>