什么是vuejs v-on的capture模式

什么是vuejs v-on的capture模式

阅读 10.7k
评论
    1 个回答

    这个涉及到了javascript event,事件操作机制。

    我们看下javascript的标准的事件监听函数:

    element.addEventListener(<event-name>, <callback>, <use-capture>);
    

    表示在 element 这个对象上面添加一个事件监听器,当监听到有 <event-name> 事件发生的时候,调用 <callback> 这个回调函数。 <use-capture> 这个参数,表示该事件监听是在“捕获”阶段中监听(设置为 true)还是在“冒泡”阶段中监听(设置为 false)。

    第三个参数就是你想要的答案。

    在Vue.js中,我们用修饰符来达到事件监听是捕获还是冒泡阶段中监听的效果。

    看个例子,这会很好帮助你理解冒泡和捕获在dom结构中如何过渡的。

    // 默认为冒泡阶段中监听事件
    

    https://jsfiddle.net/xiaoluoboding/x02gb8jk/

    // 添加修饰符`capture`后在捕获阶段中监听事件
    

    https://jsfiddle.net/xiaoluoboding/x02gb8jk/3/

      撰写回答

      登录后参与交流、获取后续更新提醒

      相似问题
      推荐文章