Rumah >hujung hadapan web >tutorial css >Bagaimana untuk Mengikat Peristiwa dengan Klik Tetikus Kanan dan Menindas Menu Konteks Penyemak Imbas?
Bagaimana untuk Mengikat Peristiwa dengan Klik Tetikus Kanan dan Menindas Menu Konteks Penyemak Imbas?
- Patricia Arquetteasal
- 2024-12-02 14:40:141013semak imbas
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; };
});
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;
});
});
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>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!