Devdit
 

ห้ามกด Ctrl+v ในช่องกรอกข้อมูล TextBox ด้วย jQuery

819

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

 

ตัวอย่าง ห้ามกด Ctrl+v ในช่องกรอกข้อมูล TextBox ด้วย jQuery

<input type="text" class="txt" placeholder="ห้ามกด Ctrl+v ในช่องนี้">
<script>
    $(document).ready(function(){
        $('.txt').on("paste",function(e) {
            e.preventDefault();
        });
    });  
</script>

คำอธิบาย

ห้ามกด Ctrl+v ในช่องกรอกข้อมูล TextBox ตัวอย่างกำหนด class txt ในกับ TextBox จากนั้นผูกเหตุการณ์ paste ลงใน class txt กำหนดค่าเป็น e.preventDefault() เพื่อป้องกันการกด Ctrl+v ในช่องกรอกข้อมูล TextBox 

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