仅在Chrome 78中双击才会触发onClick事件

我的React类正在呈现HTML。我在锚标记上有一个简单的onClick事件。在之前版本的chrome(即77)之前,它都可以正常工作。Chrome已更新,react.js的简单onClick事件停止了工作。在firefox和edge中效果很好。

在Chrome事件中,双击而不是单击会触发该事件。 它仅在开发环境中发生。原型中的相同代码在chrome 78中也可以正常工作。

//标签

<div classname="toggle-chart">
    <a href="javascript:void(0)" classname="table-icon" id="someID" onClick={this.showTable} ></a>
</div>

//功能

showTable(e){
    e.preventDefault();
    if(e.target.id == "someID"){
        console.log('abc')
    this.setState({recordStatus: true});
    }
}

此函数绑定在react类的构造函数中。

// CSS

.toggle-chart {
    position: absolute;
    top:5px;
    right:0px;
    display:none;
}
.show-table-view:hover > .toggle-chart {
    display:inline-block;
} 

如果我从CSS删除 display:none ,则可以使用。但是无法进行悬停。

shenlong1943 回答:仅在Chrome 78中双击才会触发onClick事件

暂时没有好的解决方案,如果你有好的解决方案,请发邮件至:iooj@foxmail.com
本文链接:https://www.f2er.com/3167102.html

大家都在问