右击是Javascript事件吗?

右击是Javascript事件吗?如果是，我该如何使用它?

当前回答

在JQuery中，您可以使用以下代码检测它:

$('.target').on('contextmenu', function (evt) { evt.preventDefault(); }); $('.target').mouseup(function (evt) { if (evt.which === 3) { // right-click $(this).css("background-color","blue"); $(this).text("RIGHT"); } else if (evt.which === 1) { $(this).css("background-color","red"); $(this).text("LEFT"); } }); .target { display: inline-block; height: 100px; width: 100px; background: gray; text-align: center; color: white; font-size: 25px; vertical-align: middle; margin: 25px; } .container { width: 100%; height: 140px; background: #AAA; vertical-align: middle; text-align: center; } <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div class="container"> <div class="target" id="target">Click</div> <div class="target" id="target">Right</div> <div class="target" id="target">Click me!</div> </div>

2022-12-01 20:21:00

其他回答

使用jQuery库处理事件

$(window).on("contextmenu", function(e)
{
   alert("Right click");
})

2014-06-06 15:54:10

是的，oncontextmenu可能是最好的选择，但请注意，它在鼠标向下时触发，而单击将在鼠标向上时触发。

其他相关的问题是关于双击右键的——显然除了手动计时器检查外，不支持双击右键。您可能希望能够右双击的一个原因是，如果您需要/想要支持左手鼠标输入(按钮反转)。浏览器实现似乎对我们应该如何使用可用的输入设备做了很多假设。

2014-06-25 17:48:35

是的，这是一个Javascript事件，你可以用下面的代码测试它。

<div id="contextArea">
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
    tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
    quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
    consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
    cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
    proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
  </div>



    <script>
    var contextarea = $("#contextArea");
    
    contextarea.contextmenu(function (e) {
      e.preventDefault();
      console.log("right click from p tag");
    })
    </script>

2021-11-22 18:51:37

如果你想调用函数，而右击事件意味着我们可以使用以下

 <html lang="en" oncontextmenu="func(); return false;">
 </html>

<script>
function func(){
alert("Yes");
}
</script>

2016-02-15 12:19:01

如果您想检测鼠标右键单击，就不应该使用MouseEvent。哪个属性是不标准的，浏览器之间有很大的不兼容性。你应该使用MouseEvent.button。它返回一个表示给定按钮的数字:

0:主按钮按下，通常是左键或未初始化状态 1:辅助按钮按下，通常是车轮按钮或中间按钮(如果有) 2:二级按钮按下，通常是右键 3:第四个按钮，通常是浏览器返回按钮 4:第五个按钮，通常是浏览器前进按钮

MouseEvent。按钮处理的输入类型比标准鼠标更多:

按钮的配置可能与标准不同 “从左到右”的布局。配置为左撇子使用的鼠标可以将按钮动作反转。有些指向设备只有一个按钮，并使用键盘或其他输入机制来指示主，二级、辅助性等。其他的可能有许多映射到的按钮不同的功能和按钮值。

参考:

https://developer.mozilla.org/en-US/docs/Web/API/MouseEvent/which https://developer.mozilla.org/en-US/docs/Web/API/MouseEvent/button

2019-02-03 11:16:29

右击是Javascript事件吗?

推荐文章

最新文章

标签