时间戳

首页 > 解决方案 > onClick 事件仅在 chrome 78 中双击时触发

reactjs - onClick 事件仅在 chrome 78 中双击时触发

问题描述

我的 React 类正在渲染 HTML。我在锚标记上有一个简单的 onClick 事件。它工作正常，直到以前版本的 chrome ie 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 ，它会起作用。但不适用于悬停。

标签： reactjsgoogle-chromeanchor

解决方案

推荐阅读