在Firefox中绑定ContextMenu不允许阻止默认

时间:2019-03-06 01:16:57

标签: javascript jquery contextmenu

在允许右键单击以执行其他操作时如何隐藏上下文菜单?这是jquery文档https://api.jquery.com/contextmenu/基本上,此行在Chrome中有效,但在firefox e.preventDefault()中无效;

<style>
  #work {
    background: blue;
    color: white;
    height: 100px;
    width: 150px;
 }
   #work.contextmenu {
    background: yellow;
    color: black;
  }
</style>
<script type="text/javascript">
    $(document).ready(function(){

    var div = $("#work");
    div.contextmenu(function(e) {
        div.toggleClass("contextmenu");
        e.preventDefault();
    });

    });
</script>
<div id='work'></div>
<span>Right click the block</span>

在我的实际代码中,它具有:

  $("#work").bind('contextmenu', function(e) {

        console.log('Do my code but hide the context menu');
        e.preventDefault();
    });

0 个答案:

没有答案