javascript - 单击按钮时切换右键单击菜单 - jQuery

Question

以下是我的 jQuery 代码，除了第一次点击外，它工作正常。我希望在第一次单击时禁用右键单击，但不知何故，第一次单击不会禁用右键单击，但在该切换之后起作用。让我知道我在这里做错了什么。

jQuery 代码 -

let $document = $(document);
    $document.ready(() => {
        let toggleValue = true;
        $('.btn-toggle').on('click', () => {
            $document.on('contextmenu', (e) => {
                if(toggleValue) {
                    e.preventDefault();
                }
            });
        toggleValue = !toggleValue;
    })
})

HTML 代码 -

<h3>Toggle right click menu on button click</h3>

<button class="btn-toggle">Toggle Right Click</button>

JSFIDDLE - https://jsfiddle.net/mLm096o4/

Answer 1

从 切换右键单击 按钮的事件监听器中删除处理右键单击的代码。

const $document = $(document);

$document.ready(() => {
  let toggleValue;

  $('.btn-toggle').on('click', () => {
    toggleValue = !toggleValue;
  });

  $document.on('contextmenu', (e) => {
    if (toggleValue) {
      e.preventDefault();
    }
  });
});

此外，您可以将 let $document = $(document); 更改为 const $document = $(document);，因为您不会分配不同的这个变量的值(至少你不应该是)。

编辑:根据评论更新。