58-事件

事件

• 概念：在页面中，所有用户和页面产生的交互动作，都称为事件

事件三要素：

• 事件源：触发事件的具体标签

• 事件的类型：

  • 单击事件:click
  • 双击事件
  • 输入事件
  • 移入事件
  • ……..

• 事件处理程序：当触发事件时，执行的具体一段代码或操作

添加事件

• 在标签上添加事件属性

  <button on事件名="js代码">按钮1</button>
  

• DOM0级：

  1.获取标签2.绑定事件标签变量名.on事件类型 = function(){    //js代码}
  

  • 特点：同一标签上，同一类型事件不能重复绑定
  • 兼容性较好，兼容ie低版本浏览器

• DOM2级：

  1.获取标签
  
  2.绑定事件
  标签变量名.addEventListener("事件类型",function(){   
   //js代码
   })
  

  • 特点：同一标签上，同一类型事件可以重复绑定
  • 不兼容ie8以下的低版本

删除事件

• 标签属性添加的事件:

  标签变量名.removeAttribute("on事件类型")
  

• DOM0：

  标签变量名.on事件类型 = null
  

• DOM2：

  标签变量名.removeEventListener("事件类型",函数名)