<span onClick={'event example 1'}>
  content example 1
  <button onClick={'event example 1'}>
    content example 2
  </button> 
</span>

如何才能在不涉及SPAN事件的情况下按下按钮?有可能吗?

推荐答案

工作示例.您必须绑定事件才能访问停止事件.stopPropagation()

function spanFunction(e) {
  console.log('spanFunction')
}

function buttonFunction(event) {
  event.stopPropagation()
  console.log('buttonFunction')
}
<span onClick="spanFunction(event)">
  content example 1
  <button onClick="buttonFunction(event)">
    content example 2
  </button> 
</span>

Javascript相关问答推荐

基于变量切换隐藏文本

微软Edge编辑和重新发送未显示""

将本机导航路由react 到导航栏中未列出的屏幕?

如何通过使用vanilla JS限制字体大小增加或减少两次来改变字体大小

Javascript json定制

使用Java脚本导入gltf场景并创建边界框

如何在使用rhandsontable生成表时扩展数字输入验证?

Web Crypto API解密失败,RSA-OAEP

WP Bootstrap NavWaker:下拉菜单一次打开所有下拉菜单

Use Location位置成员在HashRouter内为空

如何在箭头函数中引入or子句?

Reaction组件在本应被设置隐藏时仍显示

触发异步函数后不能显示数据

是否可以将Select()和Sample()与Mongoose结合使用?

JAVASCRIPT SWITCH CASE语句:当表达式为';ALL';

未捕获的不变违规:即使在使用DndProvider之后也应使用拖放上下文

如果查询为空,则MongoDB将所有文档与$in匹配

如何在单击Search按钮时更新Reaction组件?

带有JS模块模式的Rails的Importmap错误:";Net::ERR_ABORTED 404(未找到)&Quot;

如何将缓冲区数组转换回音频