Rumah > hujung hadapan web > tutorial css > Bagaimana untuk Mengikat Tindakan Tersuai pada Acara Klik Kanan dan Lumpuhkan Menu Konteks Penyemak Imbas?

Bagaimana untuk Mengikat Tindakan Tersuai pada Acara Klik Kanan dan Lumpuhkan Menu Konteks Penyemak Imbas?

Linda Hamilton
Lepaskan: 2024-12-04 11:53:10
asal
514 orang telah melayarinya

How to Bind Custom Actions to Right-Click Events and Disable the Browser's Context Menu?

Ikatan Peristiwa untuk Tindakan Klik Kanan

Mengikat peristiwa pada tindakan klik kanan sambil melumpuhkan menu konteks penyemak imbas memerlukan pendekatan yang berbeza daripada cara tradisional. jQuery tidak menyediakan pengendali acara oncontextmenu terbina dalam.

Untuk mencapai ini, anda boleh melakukan langkah berikut:

  1. Lumpuhkan Menu Konteks Penyemak Imbas:

    • Kendalikan acara oncontextmenu bagi elemen dokumen dan kembalikan palsu untuk menghalang menu penyemak imbas daripada muncul.
  2. Kendalikan Klik Kanan:

    • Dengar acara turun tetikus pada dokumen dengan jQuery.
    • Semak sifat butang acara untuk menentukan sama ada butang kanan tetikus adalah ditekan.

Berikut ialah contoh coretan kod yang menunjukkan pendekatan ini:

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

  $(document).mousedown(function(e){ 
    if( e.button == 2 ) { 
      alert('Right mouse button!'); 
      return false; 
    } 
    return true; 
  }); 
});
Salin selepas log masuk

Ringkasnya, dengan melumpuhkan menu konteks penyemak imbas dan mengendalikan hak- klik tindakan secara manual melalui acara turun tetikus, anda boleh mengikat tindakan tersuai pada butang kanan tetikus.

Atas ialah kandungan terperinci Bagaimana untuk Mengikat Tindakan Tersuai pada Acara Klik Kanan dan Lumpuhkan Menu Konteks Penyemak Imbas?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan