我是靠谱客的博主 腼腆蜻蜓,这篇文章主要介绍html使用label添加onClick事件触发两次,现在分享给大家,希望可以做个参考。

<label className="modal-tip--erveryday" onClick={onClickModal}>
  <input type="checkbox"></input>
  <span>今日不再提醒</span>
</label>

上述代码会导致click事件触发两次。因为input的click事件会冒泡到label上。

解决方案:给input阻止冒泡

<label className="modal-tip--erveryday" onClick={onClickModal}>
  <input type="checkbox" onClick={onStopPropagation}></input>
  <span>今日不再提醒</span>
</label>

最后

以上就是腼腆蜻蜓最近收集整理的关于html使用label添加onClick事件触发两次的全部内容,更多相关html使用label添加onClick事件触发两次内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(121)

评论列表共有 0 条评论

立即
投稿
返回
顶部