Devdit
 

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

853

สอนเขียนโค้ดห้าม 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

แก้ไข 1 ปีที่แล้ว
ชอบ
ลิ้งก์
แชร์
Devdit มีช่อง YouTube แล้ว
เราสร้างวิดีโอเกี่ยวกับเทคโนโลยี ทำตามง่ายๆ