<button id = "btn"> انقر فوق </button> var btn = document.getElementById ('btn') ؛النوع الأول:
btn.onclick = function () {Alert ('Hello World') ؛}القضاء على الحدث: btn.onclick = null ؛ // لن يظهر الصندوق
النوع الثاني:
btn.addeventListener ('click' ، function () {Alert ('Hello World')} ، false) ؛ btn.addeventListener ('click' ، function () {Alert (this.id)} ، false) ؛النوع الثالث:
دالة Demo () {Alert ('hello') ؛} <button id = "btn" onClick = "Demo ()"> انقر فوق </button>ما يلي هو دليل لحدث زر تشغيل JS
محاكاة وظيفة زر تشغيل JS انقر فوق وظيفة
<html> <head> <title> عادةً وظيفة </title> </head> <script> تحميل الوظيفة () {// أن الطريقتين التاليتين لهما نفس التأثير مثل document.getElementById ("Target"). OnClick () ؛ document.getElementById ("Target"). click () ؛ } اختبار الوظيفة () {Alert ("test") ؛ } </script> <body Onload = "load ()"> <button id = "target" onClick = "Test ()"> test </utton> </body> <html>ملاحظة:
btnobj.click () هو برنامج استخدام حقيقي للنقر على الزر ، مما يؤدي إلى حدث OnClick () الزر
btnobj.onclick () ببساطة يستدعي الطريقة التي أشار إليها Btnobj's Onclick ، فقط يستدعي الطريقة ولا تثير الحدث