Rumah  >  Artikel  >  hujung hadapan web  >  Bagaimana untuk Melumpuhkan Menyalin dan Menampal dalam Textareas dengan JavaScript?

Bagaimana untuk Melumpuhkan Menyalin dan Menampal dalam Textareas dengan JavaScript?

Patricia Arquette
Patricia Arquetteasal
2024-11-02 22:11:02840semak imbas

How to Disable Copying and Pasting in Textareas with JavaScript?

Kaedah Lanjutan untuk Melumpuhkan Salin dan Tampal Menggunakan JavaScript

Dalam pembangunan web, menghalang pengguna akhir daripada menampal kandungan ke dalam kawasan teks mungkin diperlukan untuk integriti data atau pengalaman pengguna. Untuk mencapai matlamat ini, kod JavaScript tersuai boleh memberikan penyelesaian.

Pelaksanaan:

  1. Kesan peristiwa keydown dan jejak sama ada Ctrl atau Kekunci Cmd ditekan.
  2. Dalam pengendali acara keydown, semak sama ada pengguna menekan Ctrl atau Cmd bersama dengan V (tampal) atau C (salin).
  3. Jika kombinasi kekunci yang dikesan sepadan dengan Ctrl/Cmd V atau Ctrl/Cmd C , halang operasi tampal atau salin dengan mengembalikan palsu.

Contoh Kod:

<code class="javascript">$(document).ready(function() {
    var ctrlDown = false,
        ctrlKey = 17,
        cmdKey = 91,
        vKey = 86,
        cKey = 67;

    $(document).keydown(function(e) {
        if (e.keyCode == ctrlKey || e.keyCode == cmdKey) ctrlDown = true;
    }).keyup(function(e) {
        if (e.keyCode == ctrlKey || e.keyCode == cmdKey) ctrlDown = false;
    });

    $(".no-copy-paste").keydown(function(e) {
        if (ctrlDown &amp;&amp; (e.keyCode == vKey || e.keyCode == cKey)) return false;
    });
    
    // Document Ctrl + C/V 
    $(document).keydown(function(e) {
        if (ctrlDown &amp;&amp; (e.keyCode == cKey)) console.log("Document catch Ctrl+C");
        if (ctrlDown &amp;&amp; (e.keyCode == vKey)) console.log("Document catch Ctrl+V");
    });
});</code>

Penggunaan:

Untuk menggunakan kod ini, gunakan kelas CSS "no-copy-paste" ke kawasan teks yang anda mahu lumpuhkan salin dan tampal. Dalam kawasan teks tanpa kelas ini, menyalin dan menampal akan berfungsi seperti biasa.

Nota: Penyelesaian ini mungkin tidak sesuai untuk semua aplikasi, kerana ia menghalang pengguna daripada menggunakan pintasan papan kekunci standard seperti Ctrl atau Cmd F untuk cari/cari. Adalah penting untuk menimbang pertukaran antara kebolehgunaan dan keselamatan sebelum melaksanakan langkah ini.

Atas ialah kandungan terperinci Bagaimana untuk Melumpuhkan Menyalin dan Menampal dalam Textareas dengan JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn