问答

react 怎么阻止点击子元素触发父元素事件

作者:admin 2021-06-07 我要评论

怎么点击Input的onchage事件时候只触发当前事件 不触发父元素上的onclick事件 阻止冒泡都不行 //点击选中按钮 checkThis=(item,e)={ console.log(e) e.stopPropa...

在说正事之前,我要推荐一个福利:你还在原价购买阿里云、腾讯云、华为云服务器吗?那太亏啦!来这里,新购、升级、续费都打折,能够为您省60%的钱呢!2核4G企业级云服务器低至69元/年,点击进去看看吧>>>)

image.png
怎么点击Input的onchage事件时候只触发当前事件 不触发父元素上的onclick事件
阻止冒泡都不行

  //点击选中按钮
  checkThis=(item,e)=>{
    console.log(e)
    e.stopPropagation();
    e.nativeEvent.stopImmediatePropagation();
    const eventType = e.type; // => "click"
    console.log(eventType)
    item.checked=!item.checked
  //   console.log(item)
  }
###

onChange 事件并不能阻止 click 事件冒泡,它俩不在同一个频道。你需要的是绑定 checkbox 的 onClick 然后阻止冒泡。

###

在input里面加一个onClick={e => e.stopPropagation()}

如果对你有帮助的话,请点个采纳点个赞,谢谢?

版权声明:本文转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本站转载出于传播更多优秀技术知识之目的,如有侵权请联系QQ/微信:153890879删除

相关文章
  • react 怎么阻止点击子元素触发父元素事

    react 怎么阻止点击子元素触发父元素事

  • 关于java多串口通讯

    关于java多串口通讯

  • git 回退版本,为啥部分文件的所有者从

    git 回退版本,为啥部分文件的所有者从

  • mysql 删除一条数据后显示这个,大佬们

    mysql 删除一条数据后显示这个,大佬们

腾讯云代理商
海外云服务器