当前位置: 首页 > Web前端 > HTML

前端事件冒泡(比如点击一次执行两次onclick事件)解决方法

时间:2023-04-02 16:37:56 HTML

问题总结:我在antd中使用radio组件的时候,发现radio组件有bug,就是不能赋值id和value给它,同时也不能绑定onclick等事件。比如:可以看到即使给了id和value,前端页面渲染也不正常。不管赋什么值,结果都是on,但我还需要对其进行一些操作。我需要绑定它的onclick事件,所以我得解决。解决方法是在radio标签外面套上一层div,绑定id属性,在这一层div上绑定onclick事件。当我们触发它时,内部无线电通过jQuery的子选择器找到。但是问题又来了,就是本文的主题事件冒泡。简单的说,就是因为当标签被点击的时候,会触发里面input的点击事件,导致事件再次触发。解决方法是:$("label").click(function(e){if($(e.target).is("input"))return;});2018-2-28更新:其实我们应该站在解决问题的角度,当事件冒泡的时候,我们能不能把出问题的两个dom节点分离成两个div来处理,而不是通过js来控制。参考链接:http://blog.csdn.net/qazwsx33...