美文网首页
监听onclick事件判断鼠标是否点在区域外

监听onclick事件判断鼠标是否点在区域外

作者: 米诺zuo | 来源:发表于2021-02-22 10:56 被阅读0次
     componentWillUnmount() {
        document.removeEventListener('mousedown', (e) => this.handleClick(e), false);
      }
    
      componentDidMount() {
        document.addEventListener('mousedown', (e) => this.handleClick(e), false);
      }
     
      handleClick(e) {
        //点在dropdown外面关闭menu菜单
        if (!ReactDOM.findDOMNode(this.dropdown.ref).contains(e.target)) {
          this.setState({open: false})
        }
      }
    

    相关文章

      网友评论

          本文标题:监听onclick事件判断鼠标是否点在区域外

          本文链接:https://www.haomeiwen.com/subject/yckqtltx.html