ห้ามคัดลอก (copy) ข้อมูลในช่อง TextBox ด้วย jQuery

สอนเขียนโค้ดห้าม copy ข้อมูลในช่อง TextBox ด้วย jQuery บทความนี้แนะนำการใช้ jQuery เพื่อป้องกัน หรือห้ามคัดลอก (copy) ข้อมูลจากในช่องกรอกข้อมูลข้อมูล หรือ input type text ของภาษา HTML สามารถเขียนคำสั่งได้ดังนี้

ตัวอย่าง ห้าม copy ข้อมูลในช่อง TextBox ด้วย jQuery

<input type="text" class="txt" placeholder="ห้ามคัดลอก (copy) ข้อมูลในช่องนี้">

<script>
    $(document).ready(function(){
        $('.txt').on("copy",function(e) {
            e.preventDefault();
        });
    });  
</script>

ห้าม copy ข้อมูลในช่อง TextBox แนะนำให้ใช้ jQuery โดยใช้คำสั่ง on ผูกเหตุการณ์ copy กับ element ที่ต้องการตัวอย่าง คือ ช่องกรอก class txt และกำหนดคำสั่ง e.preventDefault() เพื่อห้าม copy ข้อมูลในช่อง TextBox ด้วย jQuery