jquery怎么在父元素事件中禁止子元素的事件?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jquery怎么在父元素事件中禁止子元素的事件?相关的知识,希望对你有一定的参考价值。

参考技术A

需要准备的材料分别有:电脑、html编辑器、浏览器。

1、首先,打开html编辑器,新建html文件,例如:index.html,并引入jquery,编写问题基础代码。

2、index.html中,将<script>标签中的orange的点击事件中,修改jquery代码为:

$("#green").click();e.stopPropagation();

3、浏览器运行index.html页面,此时点击橘色方块发现成功禁止了其它子元素的点击事件,只弹出了“green click”。

vue 中父组件中给子组件的根元素注册点击事件

正常我们给组件注册事件是先在子组件的里面监听事件,然后通过$emit向外层触发给父组件,然后再在父组件中接收事件,这样做有点啰嗦,vue提供了 .native修饰符,我们可以直接在父组件通过 .native修饰符来给子组件注册事件,如下:

技术图片

 

以上是关于jquery怎么在父元素事件中禁止子元素的事件?的主要内容,如果未能解决你的问题,请参考以下文章

js在父元素上添加点击事件,怎么阻止子元素继承父元素的点击事件?

0173 事件委托:原理作用

事件代理

jQuery基础篇

jquery学习文档笔记

vue 中父组件中给子组件的根元素注册点击事件