-
方式一: 通過onxxx的方式來添加
- 注意點(diǎn): 由于是給屬性賦值, 所以后賦值的會(huì)覆蓋先賦值的
oBtn.onclick = function () {
alert("666"); // 這個(gè)不會(huì)彈出
};
oBtn.onclick = function () {
alert("777"); // 只會(huì)彈出這個(gè)
};
-
方式二: 通過addEventListener方法添加
- 注意點(diǎn):
1.事件名稱不需要添加 on
2.后添加的不會(huì)覆蓋先添加的
3.只支持最新的瀏覽器 IE9
oBtn.addEventListener("click", function () {
alert("666"); // 后彈 666
});
oBtn.addEventListener("click", function () {
alert("777"); // 先彈 777
});
-
方式三: 通過attachEvent方法添加
- 注意點(diǎn):
1.事件名稱必須加上 on
2.后添加的不會(huì)覆蓋先添加的
3.只支持低版本的瀏覽器
oBtn.attachEvent("onclick", function () {
alert("666"); // 后彈 666
});
oBtn.attachEvent("onclick", function () {
alert("777"); // 先彈 777
});
-
兼容性處理
addEvent(oBtn, "click", function () {
alert("666"); // 后彈 666
});
addEvent(oBtn, "click", function () {
alert("777"); // 先彈 777
});
function addEvent(ele, name, fn) {
if (ele.attachEvent){
ele.attachEvent("on" + name, fn);
} else {
ele.addEventListener(name, fn);
}
}
