在更新子元素时，onclick处理程序并不总是运行
。这是因为onclick是一个事件处理程序，它会在元素被点击时触发。当更新子元素时，如果没有重新绑定onclick处理程序，那么之前绑定的处理程序将不再有效。
为了解决这个问题，可以采取以下几种方法：
- 使用事件委托：将onclick处理程序绑定到父元素上，通过事件冒泡机制，在子元素被点击时触发父元素上的处理程序。这样无论子元素如何更新，都不会影响到onclick处理程序的有效性。
- 使用动态绑定：在更新子元素时，重新绑定onclick处理程序。可以通过JavaScript代码来实现，确保每次更新后都重新绑定正确的处理程序。
- 使用框架或库：许多前端框架或库（如React、Vue.js）提供了更方便的方式来处理事件绑定和更新。它们通常会自动处理事件绑定的更新，确保onclick处理程序在子元素更新后仍然有效。
总结起来，为了确保在更新子元素时onclick处理程序仍然有效，可以使用事件委托、动态绑定或借助框架或库来处理事件绑定和更新。这样可以保证用户在点击子元素时，onclick处理程序能够正确地运行。
腾讯云相关产品和产品介绍链接地址：
- 事件消息队列CMQ（https://cloud.tencent.com/product/cmq）
- 云函数SCF（https://cloud.tencent.com/product/scf）
- 云原生容器服务TKE（https://cloud.tencent.com/product/tke）
- 云数据库CDB（https://cloud.tencent.com/product/cdb）
- 云服务器CVM（https://cloud.tencent.com/product/cvm）
- 云存储COS（https://cloud.tencent.com/product/cos）
- 人工智能平台AI Lab（https://cloud.tencent.com/product/ailab）
- 物联网平台IoT Explorer（https://cloud.tencent.com/product/explorer）
- 移动开发平台MPS（https://cloud.tencent.com/product/mps）
- 区块链服务BCS（https://cloud.tencent.com/product/bcs）
- 元宇宙服务Metaverse（https://cloud.tencent.com/product/metaverse）
相关·内容
我有一行具有onclick处理程序的<a>元素： <a onclick="selectCoin('MER');">...</div>
</a> <div>子级的内部不断被覆盖，以更新按钮内部的一些文本。更新是通过查询#MER选择器并分配给innerHTML来完成的。我注意
浏览 10提问于2021-09-16得票数 1
回答已采纳
当我研究StackOverflow的代码时，我得到：
> $0.onclick> $0.parentElement.onclick但是$0.click()给了我一些结果(答案被否决了)。
浏览 4提问于2022-05-16得票数 0
回答已采纳
有点尴尬，但让我们说，我在一个名为iBlock的父元素中有一组‘子’元素，在一个函数中，我向每个子元素添加了一个'onclick‘事件，如下所示. alert("number is: " + n);令人惊讶的是，无论我单击哪个子元素，本例中的处理程序总
浏览 4提问于2020-09-25得票数 0
回答已采纳
我正在尝试创建一个覆盖，它有一个外部div (半透明)，在一个较小的内部内容div之上。点击外部区域会使覆盖层消失。单击内容区域应与覆盖内容交互。当单击上面的红色div时，如何防止基础黑div的onclick事件触发？
<div onclick = "window.alert('black')" style = "background-color:black; width:100%; height:100%"><div onclick
浏览 0提问于2019-04-12得票数 5
回答已采纳
在Stackoverflow的帮助下，我能够把一些代码放在一起，切断长字符串，这样单词就不会在中间被打断。这两段代码都很好用。当我触发"p“元素时，该元素包含一个”带有ID=的锚“displaying”来调用字符串限制代码，该代码可以很好地显示缩短的字符串，但是当单击“Read”时，弹出窗口将不再被触发。-- popupbox --></html>
现在，"p“元素的ID被故意拼错了。这样，弹出式窗口
浏览 1提问于2013-12-01得票数 0
回答已采纳
();
当myloop启动时，myloop函数的主体将被执行服务器乘以，而局部变量 myValue将在每次myloop运行时被更新。在myloop函数中，我有一个事件处理程序 element.onClick()，这个事件处理程序只对局部变量myValue的第一次更新的值感兴趣。我想请最有效的方法提出一些建议，以便在处理程序中获得第一次更新的"myValu
浏览 2提问于2011-04-11得票数 0
回答已采纳
在我的应用程序中，我有两个子组件，'FoodScreen‘、'OperationScreen’和一个父组件'Desk‘。正在将Json变量数组传递给FoodScreen组件以选择项。当我按下Child1组件中的按钮时，它应该传递父组件的值，然后父组件应该传递child2的值。</div> </div> }
浏览 0提问于2020-04-11得票数 0
回答已采纳
1回答
我在向子元素发送键元素时遇到了问题，该元素将通过键过滤这些子元素。其思想是通过键将处理程序映射到子处理程序，处理程序将切换要筛选的键。我知道使用索引作为键是一个反模式，但是这里发生了什么呢？我总是得到错误的"Warning: Each child in an array or iterator sho
浏览 1提问于2016-03-27得票数 0
回答已采纳
我正在尝试通过将onClick添加到父组件来触发子组件内的onClick函数调用。它不工作。onClick={this.handleClick}> );export const LinkButton = (props) => {单击时未调用onClick函数。我设法通过在子组件中添加onClick调用来修复它。/&#
浏览 22提问于2019-05-21得票数 2
回答已采纳
id"，"collapse1") parentId.setAttribute parentId.appendChild(标记)所以在这个例子中，当我点击ABCD时，那么，父节点的属性也应用于子节点吗？
浏览 8提问于2015-10-03得票数 0
回答已采纳
在HTML页面中，有两个带有onclick()方法的锚标记--其中的代码我不能也不能更改。但是，我可以向这个页面添加一个新的js文件或jQuery。我如何为这些锚标记的单击事件添加一个事件侦听器-这些事件必须在那些现有onclick()方法之前被激发/调用？之后，应该调用现有的onclick()方法。如下所示。<a href='#' class="edit" onclick='edit()'>Edit First<&#
浏览 8提问于2022-04-29得票数 0
1回答
我不太清楚我应该如何写一个事件处理，所以当我点击a时，我可以提醒data。现在，如果我单击div或img，它将触发一个事件，但由于目标实际上不是a，它将警告null，这不是我想要的。(e.target.getAttribute('data-href'))} <ui> <a data-href = 'http://cnn.com' onClick_id} onClick =
浏览 3提问于2017-12-08得票数 1
回答已采纳
我有一个React组件，并为它提供了onClick事件处理程序： return <li onClick={props.onClick}>{props.children}</li>然后，我使用这样的组件： <span>This element is</
浏览 3提问于2017-03-29得票数 7
回答已采纳
2回答
localhost/projectManagement/users" target="_parent" >Sign up</a>问题是，当我点击一个按钮而不是一个链接时，我知道如何通过单击按钮来执行JavaScript，所以我一直在使用javascriopt执行该链接html：(它在iframe中)
<button onClick="tempEventdocument.getElement
浏览 1提问于2011-12-10得票数 3
回答已采纳
我有一些链接在我的网站，我试图触发一个点击事件处理程序。我确实需要运行这个处理程序，但不知道如何做到这一点，所以决定在处理程序中进行检查。在上面，我注意到处理程序没有触发。所以我想，这一定是某种情况，其中只有一个点击函数被允许运行。
现在我读了，并且我了解到多点单击函数确实应该能够运行，但是如果您使用内联，则只有一个会运行。据我所知，我的实现并不等于使用inlin
浏览 4提问于2021-10-26得票数 1
回答已采纳
2回答
我将子元素添加到这些按钮中，这些按钮是可点击的元素。这些是LI和SPAN元素。悬停事件是一个伪选择器:悬停在子节点上。也有绑定到这些子节点的单击事件。
浏览 10提问于2014-04-24得票数 4
回答已采纳
每个组件都非常大，所以我希望每次只在DOM上保留几个项。例如，如果我有5个id为A，B，C，D，E的元素，下一个状态是B，C，D，E，F，B，C，D，E会被反应重新命名吗？
谢谢你的帮忙!
浏览 5提问于2020-06-15得票数 1
回答已采纳
为了使文本“可编辑”，我编写了一个函数，该函数将文本替换为输入元素(step1)，然后(onchange)将文本替换为输入元素的值(step2)<html>
<head>Text</th><th onclick="chang
浏览 0提问于2012-01-23得票数 0
回答已采纳
中的解决方案应用到我的问题中<a class="control" data-toggle="collapse" data-target="#demo"onclick="play('audioPlayer', this)">
如果我删除数据切换部分，则onclick起作用，如果我删除onclick部分，则数据切换起作用。
浏览 4提问于2016-01-27得票数 3
回答已采纳
我知道useEffect允许你在状态更新后运行函数。 但是，我希望在状态更改后运行不同的逻辑，基于哪个不同的事件处理程序会导致状态更改。上下文 我有一个Parent组件，它根据Parent中的[isDialogShown, setIsDialogShown] = useState(false)显示或隐藏一个子DialogModal组件。当isDialogShown Parent将setIsDialogShown和2事件处理程序
浏览 46提问于2021-07-16得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
