Cara Melumpuhkan Pemilihan Teks, Potong, Salin, Tampal, dan Klik Kanan pada Halaman Web

Cara Melumpuhkan Pemilihan Teks, Potong, Salin, Tampal, dan Klik Kanan pada Halaman Web

Sekiranya anda ingin mencegah orang lain mencuri kandungan dari laman web anda, anda boleh melakukannya dengan bantuan CSS, JavaScript, dan jQuery. Dalam artikel ini, anda akan belajar bagaimana menonaktifkan pemilihan teks, memotong, menyalin, menempel, dan mengklik kanan pada laman web.





Lumpuhkan Pemilihan Teks Menggunakan CSS atau JavaScript

Anda boleh mematikan pemilihan teks halaman web lengkap atau bahagian halaman menggunakan CSS, JavaScript, atau jQuery.





cara menyambungkan pengawal ke xbox satu

Cara Melumpuhkan Pemilihan Teks dari Laman Web Lengkap Dengan Menggunakan JavaScript

Gunakan onmousedown dan memulakan pilihan atribut peristiwa dengan badan untuk mematikan pemilihan teks halaman web yang lengkap. Peristiwa ini mengatasi tingkah laku lalai penyemak imbas.









This is the title of the web page



Founded in 2007, MUO has grown into one of the largest online technology publications on the web.
Our expertise in all things tech has resulted in millions of visitors every month and hundreds of thousands of fans on social media.
We believe that technology is only as useful as the one who uses it.
Our aim is to equip readers like you with the know-how to make the most of today's tech, explained in simple terms that anyone can understand.
We also encourage readers to use tech in productive and meaningful ways.


Cara Melumpuhkan Pemilihan Teks Bahagian Laman Web Menggunakan JavaScript

Gunakan onmousedown dan memulakan pilihan atribut peristiwa dengan HTML tanda pada mereka yang anda mahu lumpuhkan pemilihan teks. Dalam contoh di bawah, pemilihan teks dilumpuhkan untuk yang ke-2 div teg.





This is the title of the web page



Text selection is enabled for this text.


Text selection is disabled for this text.


Cara Melumpuhkan Pemilihan Teks dari Laman Web Lengkap Dengan Menggunakan CSS

Menggunakan pilih pengguna Harta CSS dengan badan tag untuk melumpuhkan pemilihan teks halaman web yang lengkap. Untuk sebilangan penyemak imbas, anda perlu menambahkan pelanjutan sebelum ini pilih pengguna . Inilah senarai sifat lengkap untuk semua penyemak imbas:



  • Chrome , Opera : pilih pengguna
  • Safari : -webkit-pengguna-pilih
  • Mozilla : -moz-pengguna-pilih
  • IE 10+ : -ms-pengguna-pilih

Anda perlu menetapkan semua sifat ini untuk tidak mematikan pemilihan teks.





This is the title of the web page

body {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}




Founded in 2007, MUO has grown into one of the largest online technology publications on the web.
Our expertise in all things tech has resulted in millions of visitors every month and hundreds of thousands of fans on social media.
We believe that technology is only as useful as the one who uses it.
Our aim is to equip readers like you with the know-how to make the most of today's tech, explained in simple terms that anyone can understand.
We also encourage readers to use tech in productive and meaningful ways.


Cara Melumpuhkan Pemilihan Teks Bahagian Laman Web Menggunakan CSS

Gunakan pilih pengguna Harta CSS dengan HTML tag pada mereka yang anda mahu lumpuhkan pemilihan teks. Anda boleh menyasarkan elemen HTML tersebut menggunakan kelas atau ID. Dalam contoh di bawah, pemilihan teks dilumpuhkan untuk yang ke-2 div teg. Di sini, kelas digunakan untuk mensasarkan div ke-2.





Berkaitan: 10 Contoh Kod CSS Mudah yang Anda Boleh Pelajari dalam 10 Minit





This is the title of the web page

.disable-text-selection {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}




Text selection is enabled for this text.


Text selection is disabled for this text.


Cara Melumpuhkan Potong, Salin, dan Tampal Menggunakan JavaScript

Anda boleh mematikan potong, salin, dan tampal menggunakan oncut , salinan , dan atas ubat atribut peristiwa dengan elemen HTML sasaran. Sekiranya anda ingin melumpuhkan potongan, salin, dan tampal untuk laman web yang lengkap, anda perlu menggunakan atribut acara ini dengan tanda badan. Anda juga boleh melumpuhkan seret dan lepas menggunakan ondrag dan ondrop atribut peristiwa. Dalam contoh di bawah, potong, salin, tampal, seret, dan lepas dilumpuhkan untuk teg input.





Berkaitan: Apa itu JavaScript dan Bagaimana Ia Berfungsi?





This is the title of the web page



Cut, Copy, and Paste is disabled for the below input element.

type='text'
onselectstart='return false'
oncut='return false'
oncopy='return false'
onpaste='return false'
ondrag='return false'
ondrop='return false'
/>

Cara Melumpuhkan Potong, Salin, dan Tampal Menggunakan jQuery

Anda boleh mematikan potong, salin, dan tampal di laman web menggunakan jQuery mengikat () fungsi. Di dalam mengikat () fungsi, anda harus menentukan acara potong, salin, dan tampal yang dipecat ketika pengguna cuba memotong, menyalin, atau menampal apa sahaja di laman web. Pastikan untuk memasukkan label skrip di bahagian kepala untuk dimuat jQuery sebelum menggunakannya.

Berkaitan: Ketahui Cara Membuat Elemen di jQuery





This is the title of the web page




Cut, Copy, and Paste is disabled for the complete web page.



$(document).ready(function() {
$('body').bind('cut copy paste', function(event) {
event.preventDefault();
});
});


Cara Melumpuhkan Klik Kanan pada Halaman Web Menggunakan JavaScript

Anda boleh mematikan klik kanan pada laman web anda dengan menggunakan menu onkonteks acara dan termasuk 'return false' dalam pengendali acara.





This is the title of the web page



Right Click is disabled for the complete web page.


document.oncontextmenu = new Function('return false');


Cara Melumpuhkan Klik Kanan pada Halaman Web Menggunakan jQuery

Anda dapat menonaktifkan klik kanan pada laman web anda menggunakan menu konteks peristiwa.





This is the title of the web page




Right Click is disabled for the complete web page.


$(document).bind('contextmenu',function(e){
return false;
});


Lindungi Laman Web Anda Dari Penjenayah Siber

Penjenayah siber menggunakan setiap alat yang mungkin mereka gunakan untuk mencuri data, laman web spam, atau menggodam maklumat sensitif dari halaman yang dilindungi. Menyertakan lapisan keselamatan ke laman web anda untuk mencegahnya adalah mustahak. Borang laman web spam adalah salah satu serangan yang paling biasa pada masa ini. Cuba tambahkan pengesahan CAPTCHA ke borang laman web anda untuk mengelakkan serangan spam ini.

cari tetingkap kad grafik anda 10
Berkongsi Berkongsi Tweet E-mel Buat Borang Pengesahan CAPTCHA Menggunakan HTML, CSS, dan JavaScript

Selamat laman web anda dengan pengesahan CAPTCHA.

Baca Seterusnya
Topik-topik yang berkaitan
  • Pengaturcaraan
  • Pembangunan Web
  • jQuery
  • CSS
Mengenai Pengarang Yuvraj Chandra(60 Artikel Diterbitkan)

Yuvraj adalah pelajar sarjana Sains Komputer di University of Delhi, India. Dia meminati Pembangunan Web Stack Penuh. Ketika dia tidak menulis, dia meneroka kedalaman teknologi yang berbeza.

Lagi Dari Yuvraj Chandra

Langgan buletin kami

Sertailah buletin kami untuk mendapatkan petua, ulasan, ebook percuma, dan tawaran eksklusif!

Klik di sini untuk melanggan