Javascript 忽略父项'；s onClick反应

我怎么能忽略父亲的onClick函数而只使用孩子的onClick函数（不使用jQuery或angular）

国家
城市

您想在事件对象上调用stopPropagation

这也将阻止事件冒泡到父级的处理程序

在这里，它与您的内联单击处理程序一起工作，尽管我建议您将它们拉到函数中，以使它们更具可读性

国家
城市

您想在事件对象上调用stopPropagation

这也将阻止事件冒泡到父级的处理程序

在这里，它与您的内联单击处理程序一起工作，尽管我建议您将它们拉到函数中，以使它们更具可读性

国家
城市

调用

e.stopPropagation（）

内联调用或最好在函数中调用

handleClick(e, text){
    e.stopPropagation();
    alert(text);
}

render(){
    return (
        <div onClick={this.handleClick.bind(this, 'US')}> country
            <div onClick={this.handleClick.bind(this, 'NY')}}>city</div>
        </div>
    )
}

handleClick（e，text）{
e、 停止传播（）；
警报（文本）；
}
render（）{
返回(
国家
城市
)
}

调用

e.stopPropagation（）

内联调用或最好在函数中调用

handleClick(e, text){
    e.stopPropagation();
    alert(text);
}

render(){
    return (
        <div onClick={this.handleClick.bind(this, 'US')}> country
            <div onClick={this.handleClick.bind(this, 'NY')}}>city</div>
        </div>
    )
}

handleClick（e，text）{
e、 停止传播（）；
警报（文本）；
}
render（）{
返回(
国家
城市
)
}

一般来说，不应该在div元素上放置

onClick

处理程序。如果它类似于按钮，请使用

元素。在div元素上放置click处理程序有许多可访问性问题。例外情况是将单击处理程序添加到对话框覆盖以关闭它。但是在这种情况下，对话框中应该有一个

元素也可以关闭对话框。一般来说，不应该在div元素上放置

onClick

处理程序。如果它类似于按钮，请使用

元素。在div元素上放置click处理程序有许多可访问性问题。例外情况是将单击处理程序添加到对话框覆盖以关闭它。但是在这种情况下，对话框中应该有一个

元素也可以关闭对话框。