js事件写法

事件:  可以理解为:一件事
          以on前缀开始   on事件名
          事件不会自己执行,需要触发       (事件要被触发才可以执行)

事件三要素:

 事件对象
   事件名称
    事件处理函数

常见事件写法:

嵌入式               (传统的事件绑定方法)

<button onclick='alert("hello")'>点击按钮</button>

    优点:简单易懂
    缺点:将JavaScript代码与html代码混为一体,不利于多人协作开发

脚本模型
    在JavaScript中完成事件绑定   主流,最常用        (现在常用的事件绑定方法)

如:

 obj.onclick=function(){};

    事件中this指的是当前事件对象

W3C事件写法                         (未来要发展的事件的绑定方法)
    添加事件:appEventListener(事件名,事件函数,false )           注意：事件名 不需要前缀

       如:为obj添加点击弹出警告事件

function show(){
    alert('警告');
}
obj.addEventListener('click',show,false);

//或 obj.addEventListener('click',function(){alert('警告')},false );

    移除事件:removeEventListener(事件名,事件名,false)   //移除事件必须与添加一致(用函数名保持一致)

      如:移除上面给obj添加的show事件

obj.removeEventListener('click',show,false )