Namun terkadang kita menemui masalah seperti itu. Kita ingin melarang pengunjung menggunakan menu klik kanan atau memblokir fungsi tertentu dari menu klik kanan. Misalnya, untuk melindungi konten halaman web, kita tidak menginginkan pengunjung untuk melihat kode sumber halaman web melalui menu klik kanan. Kami tidak ingin mereka memilih, menyalin, dll. konten web dengan mengklik kanan. Saat mempertimbangkan masalah ini, banyak desainer web hanya memblokir klik kanan Daripada melakukan hal ini, sebaiknya kita menggunakan skrip untuk mengimplementasikan gaya menu klik kanan dan menambahkannya di Load content kita sendiri ke dalam menu klik kanan ini. Mari kita coba ide ini sekarang.
Hal pertama yang perlu kita perhatikan adalah memanggil suatu fungsi melalui event klik kanan mouse. Fungsi ini digunakan untuk menampilkan isi menu klik kanan yang baru. Kita tahu bahwa acara klik kanan mouse dipanggil melalui document.oncontextmenu. Jika kita mendefinisikan document.oncontextmenu = fungsi tertentu, kita dapat memanggil menu klik kanan yang baru. Pertanyaan kuncinya adalah bagaimana mengontrol menu melalui ini Fungsi pada saat yang sama, menu harus disembunyikan melalui acara klik form document.body.onclick (umumnya mengacu pada klik kiri). Proses ini menyelesaikan pop-up dan penyembunyian menu klik kanan.
Pertama, mari kita lihat kode skrip ini:
/*Inisialisasi*/
<bahasa skrip="JavaScript1.2">
/*Jika browser saat ini adalah Internet Explorer, document.all mengembalikan nilai true*/
if (document.all && window.print) {
/*Pilih gaya tampilan kotak menu*/
ie5menu.className = menuskin;
/*Proses pemrosesan pengalihan event tombol kanan mouse adalah program kustom showmenuie5*/
document.oncontextmenu = showmenuie5;
/*Proses pemrosesan pengalihan event tombol kiri mouse adalah program kustom hidemenuie5*/
dokumen.body.onclick = hidemenuie5;
}
</script>
Umumnya kejadian tombol kanan mouse terjadi setelah halaman dimuat, jadi agar tidak mempengaruhi kecepatan memuat halaman, kita bisa meletakkan kode ini di akhir halaman. Kode ini sangat sederhana. Pertama periksa apakah itu browser IE. Jika demikian, maka definisi berikut harus valid. Artinya, ketika terdeteksi bahwa browser yang digunakan oleh klien adalah IE, fungsi showmenuie5 dipanggil saat pengguna membuat event klik kanan, dan fungsi hidemenuie5 dipanggil saat pengguna membuat event klik kiri.
Setelah menyelesaikan masalah di atas, sekarang kita harus memikirkan cara menampilkan dan menyembunyikan menu melalui fungsi showmenuie5 dan fungsi hidemenuie5. Tentu saja menu disini bukanlah menu klik kanan yang sebenarnya, melainkan sebuah div yang kita buat sendiri, dan kita meletakkan hal-hal yang ingin kita masukkan ke dalam div tersebut. Panggil fungsi melalui event mouse untuk mengontrol visibilitasnya, yang menghasilkan efek yang sama seperti menggunakan tombol kanan mouse.