话话js中的事件监听

标签：类型   asc   rom   info   标准   回调函数   事件流   btn   多个   

1、事件监听的概念：

JavaScript使我们有能力创建动态页面，网页中的每一个元素都可以产生某些触发JavaScript函数的事件。我们可以认为事件一种行为或一种方法。

2、事件流：

事件流主要分为冒泡型事件和捕获型事件。IE浏览器目前只支持冒泡型事件，而支持标准DOM的浏览器比如火狐、Chrome等两者都支持。

捕获过程：window------> document ------->body ---------> div

冒泡过程：div-------->body--------->document ----------> window

3、主流浏览器中用的监听事件的方法：

 addEventListener() 

        参数1：事件类型  不需要加on   

        参数2：回调函数    

        参数3：布尔值  true代表捕获   false代表冒泡

 

下面是一个例子。

 上面代码中，button节点的addEventListener方法绑定click事件的监听函数hello，该函数只在冒泡阶段触发。

 attachEvent()

        参数1：事件类型  需要加on

        参数2：回调函数

 

举个例子：

   

  

 

话话js中的事件监听

标签：类型   asc   rom   info   标准   回调函数   事件流   btn   多个   

原文地址：https://www.cnblogs.com/sophia0102/p/9059627.html