登录验证的drag拉到最右边会选择文字解决方法

 bug:在拖拽验证拉到尽头会选中表单的文字。

解决方案:

使用onselectstart 

这个事件主要是用于禁止选择网页中的文字。代码为:

document.onselectstart =function(){
            return false;
        }

加在拖拽的事件里

const dragFinish = (e: any) => {
  document.onselectstart = function () {
    return false
  }//解决问题的代码在这里
  if (isMoving.value && !props.isPassing) {
    const _x = (e.pageX || e.changedTouches[0].pageX) - x.value
    if (_x < props.width - props.height) {
      isOk.value = true
      setTimeout(function () {
        handler.value.style.left = '0'
        handerLeft.value = '0'
        progressBar.value.style.width = '0'
        isOk.value = false
      }, 500)
    } else {
      handler.value.style.left = props.width - props.height + 'px'
      handerLeft.value = props.width - props.height + 'px'
      progressBar.value.style.width = props.width + 'px'
      passVerify()
    }
    isMoving.value = false
  }
}

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值