如何只触发一个onClick函数时,在一个组件也与onClick事件
How to only trigger one onClick function when inside a component also with onClick event?
下面是示例代码....
<div onClick={this.handeAAAClick}>
<img onClick={this.handleLinkClick}/>
</div>
当我点击div时,它会触发handleAAAClick事件,然而,当我只点击img时,它会触发两个点击事件,我想要的只是触发handleLinkClick。
我该怎么做呢?
handleLinkClick
将获得一个参数event
。在这个参数上有一个stopPropagation
方法。你需要调用它
function handleLinkClick(e){
e.stopPropagation();
}
相关文章:
- I'我设计了一个下拉菜单,onclick会出现,而on blur会消失
- 如何从onclick函数设置全局变量并将其传递给另一个JS文件
- 将多个onclick压缩为一个
- 如何向onClick事件处理程序传递一个接受参数的函数,并且仍然将该函数绑定到组件's”;这个“;上下文
- 全局屏幕span onclick触发一个事件javascript
- 将OnClick函数设置为<ul>,最后一个ul是擦除第一个ul-s
- 指定一个具有静态值的onclick函数
- window.onclick在一个网站中使用两次
- 如何在HTML按钮中有一个静态onclick参数
- 如何在一个onclick按钮上使用一个javascript函数选择多个文本字段
- 如何通过一个onclick事件更改两个单独的图像
- 如何使用onclick事件点击一个图像,并让它更改同一网页上的另一个图像
- 将onclick事件附加到具有一个元素的下拉列表中
- html链接onclick弹出一个表单
- jQuery onclick 函数:未定义不是一个函数
- 一个按钮中的两个onClick功能,并希望一个接一个地发生一个单击功能
- 按钮onclick应该与参数一起重定向到另一个xhtml页面
- onclick适用于一个按钮,但不适用于'不要为别人工作
- 如何创建一个onclick函数,该函数在按下重新启动按钮时被调用
- “onclick"一个按钮在一个弹出只工作一次