ทบทวน การเรียกใช้งาน events ใน javascript ที่ใช้ได้สำหรับ ทุก browsers

เขียนเมื่อ 14 ปีก่อน โดย Ninenik Narkdee
javascript event

คำสั่ง การ กำหนด รูปแบบ ตัวอย่าง เทคนิค ลูกเล่น การประยุกต์ การใช้งาน เกี่ยวกับ javascript event

ดูแล้ว 10,643 ครั้ง


ก่อนที่จะมี javascript libraries ต่างๆ เช่น jQuery ,Prototype เป็นต้น หากต้องการที่จะใช้ event เช่น การคลิก click events สำหรับ element ใดๆ ที่ต้องการแล้ว สามารถทำได้โดยใช้ โค้ต javascript ข้างล่างต่อไปนี้

ใช้งาน Events เรียกใช้ฟังก์ชันโดยตรง

<script type="text/javascript">

var DOMobj = document.getElementById("myButton");

// เรียกใช้ฟังก์ชันโดยตรง
if(DOMobj.addEventListener){
	DOMobj.addEventListener("click", function() {
		alert('button clicked');
	},false); 
}else if(DOMobj.attachEvent){
	DOMobj.attachEvent("onclick", function() {
		alert('button clicked');
	});
}else{
	DOMobj.onclick = function() {
		alert('button clicked');
	}
}	

</script>

ใช้งาน Events เรียกฟังก์ชันผ่านตัวแปร

<script type="text/javascript">
// สร้างตัวแปรเก็บฟังก์ชันที่ต้องการ
var myFunction=function(){
	alert('button clicked');
}

var DOMobj = document.getElementById("myButton");

// เรียกใช้ฟังก์ชันผ่านตัวแปรชื่อ myFunction
if(DOMobj.addEventListener){
	DOMobj.addEventListener("click",myFunction,false); 
}else if(DOMobj.attachEvent){
	DOMobj.attachEvent("onclick", myFunction);
}else{
	DOMobj.onclick =myFunction;
}	

</script>



กด Like หรือ Share เป็นกำลังใจ ให้มีบทความใหม่ๆ เรื่อยๆ น่ะครับ





Tags:: javascript event







URL สำหรับอ้างอิง





คำแนะนำ และการใช้งาน

สมาชิก กรุณา ล็อกอินเข้าระบบ เพื่อตั้งคำถามใหม่ หรือ ตอบคำถาม สมาชิกใหม่ สมัครสมาชิกได้ที่ สมัครสมาชิก


  • ถาม-ตอบ กรุณา ล็อกอินเข้าระบบ
  • เปลี่ยน


    ( หรือ เข้าใช้งานผ่าน Social Login )







เว็บไซต์ของเราให้บริการเนื้อหาบทความสำหรับนักพัฒนา โดยพึ่งพารายได้เล็กน้อยจากการแสดงโฆษณา โปรดสนับสนุนเว็บไซต์ของเราด้วยการปิดการใช้งานตัวปิดกั้นโฆษณา (Disable Ads Blocker) ขอบคุณครับ