我是靠谱客的博主 典雅老鼠,最近开发中收集的这篇文章主要介绍复制时不触发点击事件,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

在文字上增加点击事件,当鼠标选中时会触发点击事件

第一步

    //  复制时不触发点击事件
    getSelected() {
      if (window.getSelection) {
        //ie9以上及其他
        return window.getSelection().toString()
      } else {
        //ie9以下
        const selection = document.selection?.createRange() // 这里需要注意  有时候这个?会报错  报错的时候去掉就好了
        if (selection.text) {
          return selection.text.toString()
        }
        return ''
      }
    },

第二步在事件方法内

click(){
   if(!!this.getSelected()){
        console.log("有选择的文字不触发点击事件,用户可能需要复制");
        return;
      }
}

最后

以上就是典雅老鼠为你收集整理的复制时不触发点击事件的全部内容,希望文章能够帮你解决复制时不触发点击事件所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(74)

评论列表共有 0 条评论

立即
投稿
返回
顶部