js中 attachEvent事件
生活随笔
收集整理的這篇文章主要介紹了
js中 attachEvent事件
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
用于HTML內代碼層和UI層分離。
比如,你要給一個按鈕增加一個單擊事件,你會怎么做?
<input type="button" id="theBtn" value="點擊" οnclick="alert('點擊了一下');" />
明顯的,它破壞了標簽,如果下次要修改這個按鈕不小心就會丟失。
attachEvent是為了將事件分離,如:
<input type="button" id="theBtn" value="點擊" />
var theBtn = document.getElementById("theBtn");? //取得ID為theBtn的按鈕
theBtn.attachEvent("onclick", buttonClicked);?? //給按鈕增加事件
function buttonClicked(e){? alert("點擊了一下");? }? //定義函數
attachEvent用法:
attachEvent(事件類型, 處理函數);
P.S.:在Firefox中,對應的函數是addEventListener(事件類型, 處理函數, 使用捕獲);
在簡單的HTML應用中可能用不用效果不明顯,但是在復雜的HTML客戶端JS代碼內,優勢就體現出來了。
比如,你要給一個按鈕增加一個單擊事件,你會怎么做?
<input type="button" id="theBtn" value="點擊" οnclick="alert('點擊了一下');" />
明顯的,它破壞了標簽,如果下次要修改這個按鈕不小心就會丟失。
attachEvent是為了將事件分離,如:
<input type="button" id="theBtn" value="點擊" />
var theBtn = document.getElementById("theBtn");? //取得ID為theBtn的按鈕
theBtn.attachEvent("onclick", buttonClicked);?? //給按鈕增加事件
function buttonClicked(e){? alert("點擊了一下");? }? //定義函數
attachEvent用法:
attachEvent(事件類型, 處理函數);
P.S.:在Firefox中,對應的函數是addEventListener(事件類型, 處理函數, 使用捕獲);
在簡單的HTML應用中可能用不用效果不明顯,但是在復雜的HTML客戶端JS代碼內,優勢就體現出來了。
轉載于:https://www.cnblogs.com/xingqiba/archive/2012/06/28/2567319.html
總結
以上是生活随笔為你收集整理的js中 attachEvent事件的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: html消除样式,清除css样式
- 下一篇: Qt css样式大全(整理版)