事件:(一件事)
以on前缀开始 on 事件
事件不会自己执行,需要触发(事件只要被触发之后才可以执行)
事件三要素:
(1)事件对象
(2)事件名称
(3)事件处理函数
常见事件写法:
(1)嵌入式
优点:简单易懂
缺点:将JavaScript代码与HTML代码混为一起,不利于多人协作
<button onclick='alert("hello")'>点击按钮</button>
(2)脚本模型(现代事件绑定)
在JavaScript中完成事件的绑定 (是目前最主流常用的)
obj.onclick=function(){};
事件中的this指的是当前对象
(3)W3C事件
添加事件:addEventListener(事件名,事件函数,false)
注意:事件名不需要前缀
function show(){
alert('我是点击事件');
}
obj.addEventListener('click',show,false);
删除事件:removeEventListener(事件名,事件函数,false)
注意:移除的事件处理函数应该与添加时保持一致
obj.removeEventListener('click',show,false);