概述
<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事件触发两次所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
发表评论 取消回复