美文网首页
JavaScript的事件机制

JavaScript的事件机制

作者: MrZengB | 来源:发表于2016-10-21 14:49 被阅读0次

JavaScript的事件是以一种流的形式存在的,一个事件会有多个元素同时响应。具体分为:捕获型事件、冒泡型事件(所有浏览器都支持)。

捕获型事件是自上而下的,而冒泡型事件是自下而上的。下面这张图说的很明了:

1.捕获型事件:

下图中id为div1和div2的两个元素都被绑定了捕捉阶段的事件处理函数:

当点击#div1(红色区域)时,应该会alert出”div1″当点击#div2(黄色区域)时,应该会先alert出”div1″,再alert出”div2″,因为在事件捕捉阶段,事件是从根元素向下传播的,#div1是#div2的父元素,自然绑定在#div1上的click事件也会先于#div2上的click事件被执行。

2.冒泡型事件:

一个典型的例子:

结果:

相关文章

  • javascript 中的事件机制

    js之事件机制 1、事件初探 1.1 js事件的概述 JavaScript事件:JavaScript是基于事件驱动...

  • JavaScript的事件机制

    在JavaScript的学习中,我们经常会遇到JavaScript的事件机制,例如,事件绑定、事件监听、事件委托(...

  • jQuery事件

    1.事件机制jQuery的事件机制,指的是:jQuery对JavaScript操作DOM事件的封装,包括了:事件绑...

  • 使用原生JS实现事件委托

    事件 在使用JavaScript与DOM交互时,事件是用到的比较多的. JavaScript的事件机制是一个标准的...

  • JavaScript事件机制

    概念 示例: 先捕获,后冒泡,作用于它自己身上的,就直接先点击哪个是哪个事件执行的顺序符合谁先绑定谁先执行 并不是...

  • Javascript 事件机制

    事件模型 DOM0级模型 在该模型中,事件不会传播,没有事件流的概念。这种模型兼容所有的浏览器。事件绑定监听函数有...

  • JavaScript事件机制

    原文链接 http://blog.poetries.top/2018/12/21/js-event/ 关注公众号获...

  • js事件深入学习

    JavaScript的事件机制包含,事件绑定、事件监听、事件委托(事件代理)等 js中的事件流 ① .冒泡:当下级...

  • JavaScript的事件机制

    JavaScript的事件是以一种流的形式存在的,一个事件会有多个元素同时响应。具体分为:捕获型事件、冒泡型事件(...

  • jQuery事件机制

    jQuery的事件机制,指的是:jQuery对JavaScript操作DOM事件的封装,包括了:事件绑定、事件解绑...

网友评论

      本文标题:JavaScript的事件机制

      本文链接:https://www.haomeiwen.com/subject/acqcuttx.html