Bagaimana untuk Mengikat Peristiwa dengan Klik Tetikus Kanan dan Menindas Menu Konteks Penyemak Imbas?-tutorial css-php.cn

Bagaimana untuk Mengikat Peristiwa dengan Klik Tetikus Kanan dan Menindas Menu Konteks Penyemak Imbas?

Patricia Arquette

Lepaskan： 2024-12-02 14:40:14

asal

956 orang telah melayarinya

How to Bind an Event to a Right Mouse Click and Suppress the Browser's Context Menu?

Ikat Peristiwa ke Klik Tetikus Kanan tanpa Mengaktifkan Menu Konteks Penyemak Imbas

Soalan:

Cara untuk melaksanakan tindakan tertentu apabila mengklik kanan, sambil menghalang menu konteks penyemak imbas lalai daripada muncul?

Jawapan:

Penyelesaian 1: Menggunakan oncontextmenu Event Handler

jQuery tidak menyediakan oncontextmenu terbina dalam pengendali acara. Sebaliknya, anda boleh menggunakan pendekatan berikut:

$(document).ready(function() {
  document.oncontextmenu = function() { return false; };
});

Salin selepas log masuk

Ini melumpuhkan menu konteks penyemak imbas dengan membatalkan acara oncontextmenu dalam elemen DOM.

Penyelesaian 2: Menggunakan Acara turun tetikus jQuery Pengendali

Anda boleh menangkap acara turun tetikus menggunakan jQuery dan menentukan butang yang ditekan:

$(document).ready(function() {
  $(document).mousedown(function(e) {
    if (e.button == 2) {
      // Right mouse button clicked
      alert('Right mouse button!');
      return false;
    }
    return true;
  });
});

Salin selepas log masuk

Pendekatan ini menggabungkan pelumpuhan menu konteks dengan pengesanan klik kanan tetikus.

Demo:

Anda boleh uji penyelesaian di atas dengan membuka contoh kod berikut dan klik kanan:

<html>
<head>
  <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
  <script type="text/javascript">
    $(document).ready(function() {
      $(document).mousedown(function(e) {
        if (e.button == 2) {
          alert('Right mouse button!');
        }
      });
    });
  </script>
</head>
<body>
  <h1>Test Right Mouse Click Event</h1>
</body>
</html>

Salin selepas log masuk

Atas ialah kandungan terperinci Bagaimana untuk Mengikat Peristiwa dengan Klik Tetikus Kanan dan Menindas Menu Konteks Penyemak Imbas?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!