Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/ios/117.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript iphone上的safari点击事件未触发_Javascript_Ios_Reactjs_Safari_Mouseevent - Fatal编程技术网

Javascript iphone上的safari点击事件未触发

Javascript iphone上的safari点击事件未触发,javascript,ios,reactjs,safari,mouseevent,Javascript,Ios,Reactjs,Safari,Mouseevent,在iphone上从safari打开时,单击事件不在手机上工作 在react类组件中,当打开菜单时,我会在窗口上单击事件侦听器。 除了Iphone Safari,它在任何地方都可以正常工作 toggleMenu = async() => { if (this.state.isOpen) { this.handleCloseMenu(); } else { await this.setState({ isOpen: true }); wind

在iphone上从safari打开时,单击事件不在手机上工作

在react类组件中,当打开菜单时,我会在窗口上单击事件侦听器。 除了Iphone Safari,它在任何地方都可以正常工作

toggleMenu = async() => {
  if (this.state.isOpen) {
    this.handleCloseMenu();
  } else {
    await this.setState({
      isOpen: true
    });
    window.addEventListener('click', this.handleClick);
    disableBodyScroll(this.targetElement);
  }
};

handleClick = ({
  path
}: E) => {
  const btnClicked = path.find(node => node === this.hamburgerBtn.current);

  if (!btnClicked) {
    const menuClicked = path.find(node => node === this.targetElement.current);

    if (!menuClicked) {
      this.handleCloseMenu();
    }
  }
};


单击是一个鼠标事件。Iphone上仍然没有鼠标,也没有鼠标事件。您必须将触摸板与以下设备一起使用:

 document.body.addEventListener('touchstart', function(e){
 alert(e.changedTouches[0].pageX) // alert pageX coordinate of touch point
}, false);