ห้ามคลิกขวาในช่องกรอก TextBox ของ HTML ด้วย jQuery

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

ตัวอย่าง ห้ามคลิกขวาในช่องกรอก TextBox ของ HTML ด้วย jQuery

<input type="text" class="txt" placeholder="ห้ามคลิกขวา">

<script>
	$(document).ready(function(){
    	$('.txt').bind('contextmenu', function (e) {
        	e.preventDefault();
    	});
	});
</script>

ห้ามคลิกขวาในช่องกรอก TextBox ตัวอย่าง input text มี class คือ txt จากนั้นในภาษา JavaScript อ้างถึง class txt และผูกเหตุการณ์ contextmenu ด้วยคำสั่ง bind และกำหนดค่าเป็น e.preventDefault เพื่อห้ามคลิกขวาในช่องกรอก TextBox ของภาษา HTML