Rumah > hujung hadapan web > tutorial css > Bagaimana Mengendalikan Acara Klik Kanan Selepas Melumpuhkan Menu Konteks Penyemak Imbas?

Bagaimana Mengendalikan Acara Klik Kanan Selepas Melumpuhkan Menu Konteks Penyemak Imbas?

DDD
Lepaskan: 2024-12-01 19:56:11
asal
411 orang telah melayarinya

How to Handle Right-Click Events After Disabling the Browser Context Menu?

Cara Menangkap Acara Klik Tetikus Kanan Selepas Melumpuhkan Menu Konteks Pelayar

Untuk mencetuskan tindakan tersuai pada klik tetikus kanan selepas melumpuhkan konteks penyemak imbas menu, pertimbangkan penyelesaian berikut:

Dalam jQuery, tiada pengendali acara oncontextmenu asli. Walau bagaimanapun, anda boleh melumpuhkan menu konteks penyemak imbas dengan JavaScript dan mengendalikan acara klik tetikus kanan menggunakan acara turun tetikus jQuery.

Berikut ialah contoh coretan kod:

$(document).ready(function(){
  // Disable browser context menu
  document.oncontextmenu = function() {return false;};

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

Dalam contoh ini, kami mula-mula batalkan acara oncontextmenu bagi elemen dokumen untuk melumpuhkan menu konteks penyemak imbas. Kemudian, kami menangkap acara turun tetikus dan menyemak sama ada butang kanan tetikus (butang 2) telah ditekan. Jika ya, kami memaparkan makluman.

Perhatikan bahawa anda boleh menggantikan makluman() dengan tindakan yang anda inginkan (cth., menunjukkan menu tersuai, mencetuskan fungsi, dsb.).

Atas ialah kandungan terperinci Bagaimana Mengendalikan Acara Klik Kanan Selepas Melumpuhkan 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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan