หยุดการทำ event ถัดไป กรณีมันซ้อนกันอยู่
JavascriptEvent
อัพเดทล่าสุด 17 เม.ย. 65

กรณีดันมี event click ซ้อนกัน เช่น มีกล่อง (คลิ้กได้) แล้วมีปุ่มในกล่อง (คลิ้กได้) เช่นแบบตัวอย่างนี้

<div onClick={onDivClick}>
    <button onClick={onButtonClick}>Click</button>
</div>

ปัญหาคือ พอคลิ้กที่ปุ่ม มันก็ดันทำทั้ง onButtonClick และ onDivClick ซะงั้น , แล้วแก้ไงดี

ให้ใส่ stopPropagation() ที่ onButtonClick ซะครับ แล้วมันจะไม่ไปทำ event อื่นต่อ ดังตัวอย่าง

function onButtonClick (e) {
    e.stopPropagation()
}
Beta Version v23.12.4 : ขออภัยเว็บกำลังก่อสร้าง (อีกแล้ว) แต่คราวนี้กำลังสร้างจริงจังละ