js--事件

65 阅读1分钟

1.定义

JavaScript使我们有能力创建动态页面,而事件是可以被JavaScript侦测到的行为。

简言之 触发--响应机制

网页中的每个元素都可以产生某些可以触发JavaScript响应的事件。

2.事件三要素

  • 事件源
  • 事件类型
  • 事件处理程序

3.执行事件的步骤

  1. 获取事件源

  2. 注册事件(绑定事件)

  3. 添加事件处理程序(采取函数赋值形式)

     // 1.获取事件源
     // var div = document.getElementsByTagName('div');
     var div = document.querySelector('div')
     // 2.注册事件
     // div.onclick
     // 3.添加事件处理程序
     div.onclick = function() {
         alert('绑定事件,添加事件处理程序')
     }
    

事件不会自己执行,需要触发(即事件被触发之后才可执行)