var box = document.getElementById(‘box’);
box.onclick = function () {
console.log(‘点击后执行’);
};
box.onclick = null;
//使用onclick缺点:只能有一个事件
//为元素绑定事件
对象.addEventListener(“事件类型”,事件处理函数,false); //谷歌和火狐支持,IE8不支持
对象.attachEvent(“有on的事件类型”,事件处理函数); //谷歌不支持,火狐不支持,IE8支持
//为按钮绑定点击事件 addEventListener
//参数1:事件的类型—-事件的名字,没有on
//参数2:事件处理函数—-函数(命名函数,匿名函数)
//参数3:布尔类型,目前就写false(表示事件的阶段)
//为同一个元素绑定多个相同的事件—
my$(“btn”).addEventListener(“click”,function () {
console.log(“猥琐啊”);
},false);
my$(“btn”).addEventListener(“click”,function () {
console.log(“龌龊啊”);
},false);
my$(“btn”).addEventListener(“click”,function () {
console.log(“邪恶啊”);
},false);
my$(“btn”).addEventListener(“click”,function () {
console.log(“下流啊”);
},false);
//参数1:事件类型—-事件名字,有on attachEvent
//参数2:事件处理函数—-函数(命名函数,匿名函数)
my$(“btn”).attachEvent(“onclick”,function () {
console.log(“好帅哦1”);
});
my$(“btn”).attachEvent(“onclick”,function () {
console.log(“好帅哦2”);
});
my$(“btn”).attachEvent(“onclick”,function () {
console.log(“好帅哦3”);
});