React防止滚动中间点击

时间:2017-03-02 19:50:45

标签: javascript reactjs

如何防止滚动中间鼠标(滚轮)点击?我想让它关闭一个标签。

我已经看过几篇关于如何使用普通javascript事件执行此操作的帖子,但我在做出反应并stopPropagationpreventDefaultreturn false来自事件处理程序并没有这样做。

这是我的代码看起来很像的一个小例子。

class MyComponent extends Component {
    handleMouseUp = e => {
        if (e.nativeEvent.button === 1) {
            e.preventDefault();
        }
    }

    render () {
        return (
            <div onMouseUp={this.handleMouseUp}></div>
        )
    }
}

2 个答案:

答案 0 :(得分:0)

我无法找到一种方法来做出反应。我能够像这样在全球范围内做到这一点。

optionsText

我在最外层组件的document.body.onmousedown = e => { if (e.button === 1) return false; }; 中执行此操作。

答案 1 :(得分:0)

这里有两种可能的错误来源。首先尝试在div中调用handleMouseUp this this.handleMouseUp.bind(this) onMouseDown Dim client As Net.WebClient = New Net.WebClient() Dim reply As String = client.DownloadString("http://abstract.ezyro.com/version.php") 。您也可以尝试使用 <?php echo "4.2.0-2017/03/02"; ?> 。在事件发生之前,这将会使事件发生。