Bagaimana Anda Boleh Mengesan Klik Kanan dalam JavaScript?

Mengesan Klik Kanan dalam JavaScript

Klik kanan, interaksi pengguna biasa, menimbulkan cabaran khusus dalam JavaScript: menentukan bila ia berlaku. Walaupun tindakan dipacu tetikus, klik kanan bukanlah acara JavaScript khusus.

Mengendalikan Acara Butang Tetikus

JavaScript menyediakan pendengar acara standard untuk tindakan tetikus, seperti sebagai mousemove, mouse down, mouse up, dan klik. Walaupun peristiwa ini menangkap tindakan butang tetikus, ia tidak membezakan antara klik kiri dan kanan. Untuk mengesan klik kanan, anda perlu memeriksa sifat objek acara.

document.body.onclick = function(e) {
  var isRightMB;
  e = e || window.event;

  if ("which" in e)  // Gecko (Firefox), WebKit (Safari/Chrome) & Opera
    isRightMB = e.which == 3; 
  else if ("button" in e)  // IE, Opera 
    isRightMB = e.button == 2; 

  alert("Right mouse button " + (isRightMB ? "" : " was not") + "clicked!");
}

Acara Menu Konteks

Selain acara tetikus, terdapat acara yang dipanggil oncontextmenu , yang menyala apabila menu konteks dibuka pada elemen. Acara ini boleh digunakan untuk mengendalikan tindakan klik kanan yang menghasilkan menu konteks.

window.oncontextmenu = function() {
  showCustomMenu();
  return false;     // cancel default menu
}

Dengan memanfaatkan teknik ini, pembangun boleh mengesan dan mengendalikan peristiwa klik kanan dalam JavaScript, membolehkan mereka mencipta intuitif dan aplikasi web responsif.

Atas ialah kandungan terperinci Bagaimana Anda Boleh Mengesan Klik Kanan dalam JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!