Ant Design <a-checkbox>嵌套标签点击事件触发默认行为

前言:

刚好项目完成结项摸鱼学习途中,有位前端表妹突然群里求解一个问题,根据自己的知识储备第一反应是要阻止CheckBox类型标签的默认行为,直接使用了原生的HTML标签测试也都正常,等表妹开完会后发过来一串代码截图片段,原来是在里面加入了一个 但是根据我的经验告诉我应该去发生默认行为的标签上阻止默认行为才是正确的(部分正确),但是还是不能正常的去阻止,后面想到用个变量控制。

过程:

①比较复杂一点的解决方案(曲线救国)

②前端表妹突然发了prevent="xxx"/>,是在不解花了点时间研究下。

下图中的a标签点击事件绑定在 a元素或者子元素都能阻止a元素的跳转百度默认行为;

下图的label标签则是生成的原生代码 在prevent="xxx"/>上使用preventDefault()实际是阻止了label触发input的默认事件;

你可能感兴趣的:(前端)