Bagaimana untuk melumpuhkan kod klik kanan dalam html

Cara melaksanakan kod untuk melarang klik kanan tetikus dalam HTML

Dalam pembangunan web, perlindungan hak cipta halaman adalah bahagian yang penting. Untuk menghalang orang lain daripada menyalin, memuat turun atau mengambil tangkapan skrin kandungan halaman web, kami boleh menggunakan beberapa cara teknikal untuk mengehadkan tingkah laku pengguna. Antaranya, melumpuhkan fungsi klik kanan adalah kaedah yang mudah dan berkesan. Berikut akan memperkenalkan kaedah pelaksanaan kod untuk melumpuhkan klik kanan tetikus dalam HTML.

1. Gunakan kod JavaScript

Dalam dokumen HTML, kami boleh menggunakan kod JavaScript untuk melumpuhkan fungsi butang tetikus kanan. Langkah pelaksanaan khusus adalah seperti berikut:

1. Tambah kod JavaScript berikut dalam dokumen HTML:

2. Dalam coretan kod di atas, document.oncontextmenu ialah fungsi pengendalian acara , yang akan Dipanggil apabila klik kanan dicetuskan. Kenyataan palsu pulangan akan melumpuhkan menu klik kanan lalai daripada muncul, sekali gus mencapai kesan melumpuhkan klik kanan.

2. Gunakan ciri HTML5

Dalam HTML5, atribut baharu disediakan: oncontextmenu. Sifat ini boleh digunakan untuk melumpuhkan fungsi klik kanan. Kaedah ini lebih mudah daripada pelaksanaan JavaScript. Langkah pelaksanaan khusus adalah seperti berikut:

1. Tambahkan kod berikut dalam dokumen HTML:

2. Dalam coretan kod di atas, atribut oncontextmenu digunakan dan nilainya ditetapkan untuk mengembalikan false. Ini akan melumpuhkan kelakuan lalai butang tetikus kanan.

Perlu diambil perhatian bahawa kaedah ini hanya digunakan pada versi HTML5 dan ke atas.

3. CSS untuk melumpuhkan butang kanan tetikus

Selain daripada dua kaedah di atas, kami juga boleh menggunakan helaian gaya CSS untuk melumpuhkan butang tetikus kanan. Langkah pelaksanaan khusus adalah seperti berikut:

1. Tambah kod berikut dalam fail helaian gaya:

body {
-webkit-touch-callout: none; / iOS Safari /

-webkit-user-select: none; /* Chrome/Safari/Opera */
 -khtml-user-select: none; /* Konqueror */
   -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
        user-select: none; /* Non-prefixed version, currently not supported by any browser */

}

2. Atribut pilihan pengguna dalam kod di atas akan melarang pengguna daripada memilih teks, dengan itu secara tidak langsung mencapai tujuan untuk melumpuhkan klik kanan.

Perlu diingat bahawa kaedah ini bukan sahaja melumpuhkan fungsi klik kanan, tetapi juga melumpuhkan fungsi memilih teks dengan tetikus.

Ringkasnya, kami boleh menggunakan JavaScript, HTML5 dan CSS untuk melaksanakan fungsi melumpuhkan butang tetikus kanan. Bergantung pada keperluan yang berbeza, kaedah yang berbeza boleh dipilih untuk pelaksanaan. Pada masa yang sama, anda juga perlu memberi perhatian kepada kemungkinan isu keserasian dan sekatan penggunaan untuk memastikan paparan biasa dan pelaksanaan fungsi halaman.

Atas ialah kandungan terperinci Bagaimana untuk melumpuhkan kod klik kanan dalam html. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!