Связывание ContextMenu в Firefox не позволяет предотвратить дефолт

Question

Что я могу сделать, чтобы скрыть контекстное меню, позволяя щелкнуть правой кнопкой мыши, чтобы сделать что-то еще?Это документация 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();
    });