js高级程序设计 笔记 --- 事件

  js与html的交互就是通过事件来实现的。可以用侦听器来预定事件。

1,事件流

  1,事件冒泡

    事件从最具体的元素接收,然后逐级向上传播到较为不具体的节点

  2,事件捕获

    事件从document开始,一直到最具体的元素接收。

  3,DOM事件流

    DOM2规定的事件流包含三个阶段: 捕获,处于目标和冒泡。默认的是使用的事件冒泡。

2,事件处理程序

  事件就是用户或者浏览器执行的某种动作。 比如click等,都是事件的名字,而响应某个事件的函数就叫做事件处理程序。以‘on’开头。

  DOM2的事件处理程序定义了两个方法:

    addEventListener() : 三个参数, 要处理的事件名称、事件处理函数和 一个布尔值。 布尔值为true,则为捕获,false则为冒泡,默认为false

3,事件对象

  在触发DOM的事件时,会产生一个事件对象event,包含所有与事件有关的信息。

    currentTarget: 当前处理事件的元素

    preventDefault: 取消事件的默认行为

    stopPropagation: 取消事件的进一步捕获或冒泡。

    

  

  

猜你喜欢

转载自www.cnblogs.com/wjyz/p/10279004.html