HTML DOM click() วิธีการจำลองการคลิกเมาส์บนองค์ประกอบ สามารถใช้คลิกองค์ประกอบใดก็ได้เหมือนกับที่ผู้ใช้ทำ ใช้เพื่อเริ่มเหตุการณ์การคลิกองค์ประกอบ เหตุการณ์การคลิกทำให้เกิดเหตุการณ์เดือด เช่น จะดำเนินเหตุการณ์การคลิกของผู้ปกครองทั้งหมดด้วย
ไวยากรณ์
ต่อไปนี้เป็นรูปแบบของ HTML DOM click() วิธีการ -
HTMLElementObject.click()
ตัวอย่าง
ให้เราดูตัวอย่างสำหรับเมธอด click() -
<!DOCTYPE html>
<html>
<body>
<p>Hover over the radio button to simulate a mouse-click.</p>
<form>
<label>Radio <input type="radio" id="myRadio" name="choice"
onmouseover="clickFunction()"</label>
</form>
<p id="Sample"></p>
<script>
function clickFunction() {
document.getElementById("myRadio").click();
document.getElementById("Sample").innerHTML = "Radio button has been clicked on
mouse hover";
}
</script>
</body>
</html> ผลลัพธ์
สิ่งนี้จะสร้างผลลัพธ์ต่อไปนี้ -
เมื่อวางเมาส์เหนือปุ่มตัวเลือก -
เราได้สร้างปุ่มตัวเลือกที่มีป้ายกำกับในแบบฟอร์มและให้รหัส "myRadio" ปุ่มนี้เมื่อวางเมาส์ไว้จะเรียกใช้ clickFunction() -
<label>Radio <input type="radio" id="myRadio" name="choice" onmouseover=”clickFunction()"</label>
clickFunction() โดยใช้เมธอด getElementById() รับปุ่มตัวเลือกและดำเนินการเมธอด click() ซึ่งจะตรวจสอบปุ่มตัวเลือก หลังจากตรวจสอบปุ่มตัวเลือกแล้ว ข้อความแสดงความสำเร็จจะแสดงในย่อหน้าด้วยรหัส "ตัวอย่าง" โดยใช้คุณสมบัติ innerHTML -
function clickFunction() {
document.getElementById("myRadio").click();
document.getElementById("Sample").innerHTML = "Radio button has been clicked on mouse hover";
} 