javascript之事件監聽

時間 2020-07-08

原文原文鏈接

addEventListener是一個監聽事件並處理相應的函數。瀏覽器

　　不囉嗦，直接上代碼，如：ide

　　js部分　函數

　　<script>
　　　　window.onload = function(){
　　　　　　　　var input = document.getElementsByTagName("input")[0];
　　　　　　　　if(input.addEventListener){
　　　　　　　　// 兼容主流瀏覽器，IE8及如下不支持
　　　　　　　　　　input.addEventListener("click",function(){
　　　　　　　　　　　　　　alert("按鈕被點擊了！")
　　　　　　　　　　},false) // 指定事件是否在捕獲或冒泡階段執行，false表示冒泡，true表示捕獲，默認爲冒泡
　　　　　　　　}else if(input.attachEvent){
　　　　　　　　　　// 兼容IE8及如下
　　　　　　　　　　　　input.attachEvent("onclick",function(){
　　　　　　　　　　　　　　alert("按鈕被點擊了！")
　　　　　　　　　　　　})
　　　　　　　　}
　　　　}
　　</script>spa

　　body部分：orm

　　<body>
　　　　<input type="button" value="按鈕" />
　　</body>事件

　　注意：ip

　　addEventListener()方法，有3個參數。第一個參數是說明監聽的事件類型(如：click，注意不要前綴on)，第二個參數是事件執行的函數或方法，第三個參數則指定事件是否在捕獲或冒泡階段執行，false表示冒泡，true表示捕獲，默認爲冒泡。該方法對於IE8及如下瀏覽器不支持。get

　　attachEvent()方法，有2個參數。第一個參數是說明監聽的事件類型(如：onclick，注意要前綴on)，第二個參數是事件執行的函數或方法。支持IE8及如下版本瀏覽器input

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。