方法一：
1 2 3 4 5 6 7 | <title>Javascript中点击事件方法一</title><button id="btn">click</button> var btn = document.getElementById("btn"); btn.οnclick=function(){ alert("hello world"); } |
消除事件：btn.οnclick=null;
方法二：
1 2 3 4 5 6 7 | <title>Javascript中点击事件方法二</title><button id="btn">click</button> var btn = document.getElementById("btn"); btn.addEventListener('click',function(){ alert("hello wrold"); },false) |
方法三：
1 2 3 4 5 | <title>Javascript中点击事件方法三</title> function test(){ alert("hello world"); }<button id="btn">click</button> |
附：js连续指定两次或者多次的click事件（解决办法）
setTimeout (表达式,延时时间)
setTimeout(表达式,交互时间)
延时时间/交互时间是以豪秒为单位的(1000ms=1s)
setTimeout 在执行时,是在载入后延迟指定时间后,去执行一次表达式,仅执行一次
setTimeout 在执行时,它从载入后,每隔指定的时间就执行一次表达式
1 2 3 4 5 6 7 | if(ischoose == false){ ischoose = true; document.getElementById("myBaby").click(); } else { document.getElementById("myBaby").click();//奇数次单击和偶数次单击不同的效果! setTimeout(function(){document.getElementById("myBaby").click();},50); } |
总结
到此这篇关于Javascript中点击(click)事件的三种写法的文章就介绍到这了,更多相关js点击(click)事件写法内容请搜索IT俱乐部以前的文章或继续浏览下面的相关文章希望大家以后多多支持IT俱乐部！
