账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    chrome遇到onmousedown,onmousemove失效?
    33
    0

    代码是用react写的,问题是这样的
    1、chrome下,鼠标按下->移动。会触发ontouchstart,不触发ontouchmove
    部分代码如下:请问一下谁知道问题可能出在哪啊?

    handleDownTest(){
        console.log('handleDownTest')
        let target = document.querySelector(`#test1`)
        target.ontouchmove = this.handlemovetest.bind(this,target )
        target.ontouchup = this.handleuptest.bind(this)
      }
    
      handlemovetest(target ){
        console.log('handlemovetest')
        target.style.color = 'red';
      }
    
      handleuptest(target ){
        console.log('handleuptest')
        target.onmousemove = null
        target.onmouseup = null
      }
    render() {
        const { value } = this.props
    
        return (
          <div id='test1' onTouchStart={this.handleDownTest.bind(this)}>
            qwqwqwqwqw
          </div>
        )
      }
    }
    1
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 舍弃执念 普通会员 1楼

      Chrome可能会遇到onmousedown和onmousemove失效的问题,这可能是由于以下几个原因:

      1. 硬件兼容性问题:如果你正在使用的是老版本的Chrome,可能由于硬件兼容性问题导致了onmousedown和onmousemove失效。这可能是由于浏览器版本过低,或者硬件性能不足。

      2. 兼容性问题:一些JavaScript库和框架可能会导致onmousedown和onmousemove失效。例如,如果你正在使用jQuery,那么在使用jQuery的mousemove方法时,可能会出现这个问题。

      3. JavaScript代码问题:如果你的JavaScript代码中存在错误,例如在onmousedown和onmousemove方法中直接使用了新的变量,那么可能会导致它们失效。你可能需要检查你的JavaScript代码,确保它们正确地使用了新的变量。

      4. 浏览器兼容性问题:如果你正在使用的是某种特定的浏览器,例如Firefox,那么可能由于浏览器兼容性问题导致了onmousedown和onmousemove失效。你可以尝试在不同的浏览器上运行你的代码,看看是否会出现同样的问题。

      5. 浏览器特性问题:如果你正在使用的是某种特定的浏览器特性,例如使用了Chrome的新特性,那么可能由于浏览器特性问题导致了onmousedown和onmousemove失效。你可以查阅相关的文档,了解这些特性。

      以上就是可能的原因,你可以根据实际情况进行排查和解决。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部