单击父元素而不是子元素时是否运行函数？
当单击父元素而不是子元素时，是否运行函数取决于具体的事件处理程序和事件冒泡机制。
事件冒泡是指当一个元素上的事件被触发时，会向父元素一直传播，直到传播到文档根节点。在这个过程中，可以通过事件对象的属性来判断事件是在哪个元素上触发的。
如果事件处理程序绑定在父元素上，并且事件冒泡没有被阻止，那么当单击子元素时，事件会一直向上冒泡到父元素，从而触发父元素上的事件处理程序。
如果事件处理程序绑定在子元素上，并且事件冒泡没有被阻止，那么当单击子元素时，只会触发子元素上的事件处理程序，而不会触发父元素上的事件处理程序。
在实际开发中，可以通过判断事件对象的目标元素来确定是哪个元素触发了事件。可以使用事件对象的target属性或currentTarget属性来获取目标元素。
对于这个问题，如果希望在单击父元素时运行函数，可以将事件处理程序绑定在父元素上，并确保事件冒泡没有被阻止。如果希望在单击子元素时运行函数，可以将事件处理程序绑定在子元素上。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云函数（云原生、后端开发）：https://cloud.tencent.com/product/scf
- 腾讯云数据库（数据库）：https://cloud.tencent.com/product/cdb
- 腾讯云服务器（服务器运维）：https://cloud.tencent.com/product/cvm
- 腾讯云音视频解决方案（音视频、多媒体处理）：https://cloud.tencent.com/solution/media
- 腾讯云人工智能（人工智能）：https://cloud.tencent.com/product/ai
- 腾讯云物联网（物联网）：https://cloud.tencent.com/product/iotexplorer
- 腾讯云移动开发（移动开发）：https://cloud.tencent.com/product/mobdev
- 腾讯云对象存储（存储）：https://cloud.tencent.com/product/cos
- 腾讯云区块链（区块链）：https://cloud.tencent.com/product/baas
- 腾讯云虚拟专用网络（网络通信、网络安全）：https://cloud.tencent.com/product/vpc
相关·内容
1回答
单击父元素而不是子元素时是否运行函数？
vue.js、dialog
当您在对话框外部单击时，我正在尝试运行一些代码来关闭模式。问题是，我有一个掩码，它使我用来指向close函数的对话框后面的页面变暗。它将对话框嵌套在其中，因此当您单击对话框本身时，它会将其关闭。如何才能正常单击对话框，同时仍然让父元素在单击时关闭模式？
浏览 16提问于2019-01-25得票数 0
回答已采纳
3回答
如何处理元素中的鼠标事件，但不处理其一个子元素？
javascript、jquery
我希望在父元素上以一种方式处理mousedown事件，但如果该事件发生在父元素的子元素上，则处理方式不同。这是： //stuff如果单击了.parent中的任何元素，就会触发该函数，但只有当父元素是被单击的唯一元素</e
浏览 6提问于2015-04-01得票数 3
回答已采纳
3回答
单击父元素时添加/删除活动类
javascript、jquery、html、css
首先，我希望这样做：2.)当对子元素时，任何单击子元素都会使其关闭--需要帮助才能使其不执行that...if任何单击在子元素内进行的操作，它需要保持打开而不关闭.
3.)除了单击父元素来打开/关闭子元素之外，是否
浏览 3提问于2014-01-16得票数 1
回答已采纳
2回答
传递给react组件子级的函数不会收到函数上下文
javascript、reactjs、components、undefined、react-props
我在使用react时被卡住了，在react中，我将一个函数从一个父组件传递到多个子组件。该函数调用也驻留在父组件中的其他函数。子组件确实成功地启动了函数，但不幸的是，函数失败了，因为它在子元素中似乎没有相同的上下文，例如。它开始调用存储在父元素中的其他函数，并收到undefined。这很奇怪，因为错误来自父组件文件，而<
浏览 26提问于2020-05-05得票数 0
回答已采纳
1回答
如何通过子对象的父对象触发悬停事件？
javascript、css、reactjs、stylesheet
此组件是一个不同的父组件的子。我想要做的是在父组件上悬停时触发子：悬停。是否有可能通过css来模拟它(如果不是，那么它如何实现)？
测试用例：，我有一张博客明信片，当它在上面盘旋时，它会变亮。在它中，以子元素的形式，我有一个Link/a组件，它有自己的css/:悬浮动画，并且单击重定向到给定的href页面。我想要达到的效果是，在父元素上悬停<e
浏览 7提问于2021-03-06得票数 0
2回答
e.stopPropogation()等效于点击事件的捕获阶段？
javascript、jquery
我在JS中寻找一种方法来阻止单击事件在单击父元素时从DOM继续到嵌套的子元素(捕获阶段)。是否存在用于此的原生JS函数？编辑03/10
在函数调用中编辑03/11 Typo -它是stopPropagation()，而不是stopPropogati
浏览 3提问于2015-03-11得票数 0
2回答
我想在单击父元素时将类添加到父元素的子元素中。这并不是那么令人兴奋.. $(this).children().addClass('newClass');但是，我不想在单击子元素本身时将'newClass‘添加到子<em
浏览 0提问于2015-03-27得票数 1
1回答
单击子元素触发的React onClick事件
javascript、reactjs、mouseevent
当我单击具有onClick属性的父元素时，也会在单击没有onClick属性的子元素时触发该事件。</div> }当我单击父元素时，子元素</
浏览 26提问于2020-02-11得票数 0
2回答
子元素活动。(‘Click’)从不运行，而是父div的Click总是运行
javascript、jquery、html、javascript-events
在父div的Click事件中，我返回一个关闭覆盖div的函数，如下所示 returnclicker();此div的子元素是使用.innnerHTML填充的，在document.ready()上，我给出子元素单击函数，如下所示：
$('#CaptionTextArea但是子</
浏览 1提问于2012-09-03得票数 0
回答已采纳
2回答
单击子元素而不是父元素时切换
javascript、jquery、html
我想要做的是，当您单击实际的锚标记.我希望下面的div成为slide...The的唯一方式，它幻灯片切换的方式是如果我将click函数目标更改为".flip“类，而不是".flip a”// and
浏览 2提问于2015-05-06得票数 1
回答已采纳
3回答
停止父事件处理程序窗体的触发而不编辑所有子事件处理程序
javascript、html
我有一个带有几个子元素的父元素，其中一些元素有自己的事件侦听器，而另一些元素则没有。父元素单击处理程序，只有在单击父元素本身而不是任何子元素时才运行该处理程序。
br> -Should only log -child 2 if clicked-</di
浏览 12提问于2022-06-18得票数 2
回答已采纳
2回答
调用父函数并将“the”绑定到子节点？
javascript、reactjs、ecmascript-6
我试图从其子元素调用父元素中定义的函数，但是将this绑定到调用函数的子元素，而不是函数运行的父元素。onSelect = (event => {
// Some code where `th
浏览 7提问于2017-10-28得票数 4
回答已采纳
2回答
委托不处理动态添加的元素
jquery
主要问题是，该委托没有处理动态创建的元素。 </ul></ul>
在这里，您可以看到垂直菜单的例子，默认情况下只有一个子菜单接下来是这里按钮，即添加子菜单。接下来，我有一个简单的委托函数，用于单击并返回单击
浏览 0提问于2015-01-20得票数 0
回答已采纳
5回答
如何告诉jquery选择一个父元素，而不是它的子元素？
javascript、jquery
我正在一个元素上使用下面的点击函数： $('div#extras').show();现在，每当我单击其中一个按钮时，父div和子div都会消失。
如何使单击函数仅在父级被单击时触发，而不是在其所有子级被
浏览 0提问于2010-08-17得票数 0
回答已采纳
1回答
jQuery试图选择父元素的子元素
javascript、jquery、html、css
我使用的是jQuery 3.x，在选择父元素的子元素时遇到了一些困难。我使用的是可拖放的jQuery，但是这些可能不是我的问题的原因，因此我将只展示代码的一个片段，这是相当简单的：<h2>Parent Element <span>Child Element /removeClass('js__widget-selected');
$(this).addClass('js__widget-selected&#x
浏览 1提问于2018-12-26得票数 0
回答已采纳
2回答
e.preventDefault()；防止冒泡，但是我们如何防止捕获阶段进一步深入到子阶段
javascript、angularjs、html
e.preventDefault();可以防止冒泡，但我们如何防止捕获阶段进一步深入到子级。
基本上，我有父元素和子元素都有点击事件，但我想要触发只点击父元素，而不是当用户单击子元素时的子元素。在下面的示例中，当用户单击任何a标记时，不应将用户重定向到href页面，而应激发parentdiv元素</em
浏览 23提问于2016-07-21得票数 1
2回答
为什么div容器中的元素消失了？
javascript、html、css、dom、browser
在处理div容器中的元素时，我有一个关于浏览器行为的问题。我有一个Iframe，用于向服务器发出运行PHP文件的请求，同时父页面保持动态。父页面对子框架发出的请求决定了当服务器将结果返回给子框架时，父页面上的某些元素最终会发生什么情况。我已经测试了所有的东西，除了一个明显的小故障之外，一切都很好。如果有人碰巧调用主页上的一个函数，该函数试图读取div容器内的元素，而</em
浏览 58提问于2021-01-26得票数 0
回答已采纳
2回答
防止嵌套元素触发父元素的事件
javascript、html、jquery、dom、jquery-events
click) -> .child (has nothing) <div class="child">Child</div>父元素的样式设置为隐藏溢出内容，并在单击时切换其高度。当用户单击时，父元素将展开以显示子元素。我希望用户能
浏览 1提问于2013-08-24得票数 12
回答已采纳
1回答
停止儿童解雇父母事件
appcelerator、appcelerator-titanium、stoppropagation、event-propagation
我有一个具有单击事件和属性的父视图。在这其中，我还有另外5个元素。问题是，如果我单击其中一个元素，它将获取父级事件侦听器和被称为“检查”的代码，以查看单击元素是否具有特定的数据属性。是否有任何方法只将单击事件应用于父级而不是子级？
目前，我正在检查e.source是否有该属性，如果没有，则检查父</em
浏览 3提问于2016-03-14得票数 1
回答已采纳
1回答
在CSS和原生Javascript中选择不带任何子元素的父元素
javascript、html、css、css-selectors、children
首先，CSS在本例中，我这样做是因为我想降低悬停时手风琴父对象的亮度。和Javascript (本机)
这些.parent元素也是手风琴，其工作原理是通过Javascript中的单击侦听器在它们上面切换active类。当然，这意味着我在单击.parent元素的子元素<
浏览 13提问于2018-08-18得票数 2
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频活动推荐
腾讯云开发者
