vue中如果有选择文字就不执行点击事件

最新推荐文章于 2024-01-17 15:49:48 发布

vv花开富贵

最新推荐文章于 2024-01-17 15:49:48 发布

阅读量252

点赞数

文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/m0_61837007/article/details/129612712

版权

该文章介绍了JavaScript中处理点击事件的函数`handleClick`，当有选中文字时，该函数会阻止进一步的点击逻辑执行。通过`getSelected`方法获取当前选中的文本，如果为空则返回false，否则返回true，以此来判断是否应该执行点击操作。

摘要由CSDN通过智能技术生成

//点击事件

handleClick(){
  
if(!!this.selecter()){
   //如果有选中文字就不再执行点击逻辑
   return
  }
   //点击事件要处理的数据

}

getSelected(){
  var selecter=window.getSelection().toString()
  if(selecter.trim()){
        return true
   }else{
        return false
    }
}