美文网首页
监听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