使用js复制链接中的部分文字的方法


Posted in Javascript onJuly 30, 2015

网页上面的链接一般鼠标放上去就是一个手指的形状,导致不能拖动鼠标进行复制,下面这段JS就是让你能够实现复制的,将这段代码保存成chrome的书签,需要复制的时候点击这个书签,然后按着ctrl键,就可以复制链接上面的文字了

复制链接中的部分文字的实现代码如下:

javascript: (function() {
  var h, checked = true,
  down = false;
  document.addEventListener('mouseover',
  function(e) {
    var link, c = '',
    target = e.target;
    if (target.nodeName == 'A') {
      if (target.hasChildNodes) {
        for (var i = 0; i < target.childNodes.length; i++) {
          if (target.childNodes[i].nodeName == 'INPUT') return;
        }
      }
      link = target;
    }
    if (target.parentNode.nodeName == 'A' && target.nodeName != 'IMG' && target.nodeName != 'INPUT') {
      link = target.parentNode;
    }
    if (!link) return;
    if (checked) {
      h = link.href;
      if (link.style.cssText) c = link.style.cssText;
    }
    function _click(e) {
      link.removeEventListener(e.type, arguments.callee, false);
      e.preventDefault();
    }
    function _keydown(e) {
      var k = parseInt(e.keyCode);
      if (k < 48 && k != 17) return;
      document.removeEventListener(e.type, arguments.callee, false);
      down = true;
      link.removeAttribute('href');
      link.setAttribute('style', c + 'cursor:text!important;');
      link.addEventListener('click', _click, false);
    }
    document.addEventListener('keydown', _keydown, false);
    link.addEventListener('mouseout',
    function(e) {
      var k = link.compareDocumentPosition(e.relatedTarget);
      if (k == 20 || k == 0) {
        checked = false;
      } else {
        link.removeEventListener(e.type, arguments.callee, false);
        link.removeEventListener('click', _click, false);
        document.removeEventListener('keydown', _keydown, false);
        checked = true;
        if (down) {
          down = false;
          link.setAttribute('href', h);
          if (c == '') {
            link.removeAttribute('style');
          } else {
            link.setAttribute('style', c);
          }
        }
      }
    },
    false);
  },
  false);
})();

以上就是复制链接中的部分文字的实现代码,希望大家可以喜欢。

Javascript 相关文章推荐
ext读取两种结构的xml的代码
Nov 05 Javascript
JavaScript的类型转换(字符转数字 数字转字符)
Aug 30 Javascript
cument.execCommand()用法深入理解
Dec 04 Javascript
jQuery旋转插件—rotate支持(ie/Firefox/SafariOpera/Chrome)
Jan 16 Javascript
微信小程序之小豆瓣图书实例
Nov 30 Javascript
Node.js调试技术总结分享
Mar 12 Javascript
javaScript 逻辑运算符使用技巧整理
May 03 Javascript
原生JS实现N级菜单的代码
May 21 Javascript
js移动端图片压缩上传功能
Aug 18 Javascript
浅谈微信小程序之官方UI框架we-ui使用教程
Aug 20 Javascript
vue移动端html5页面根据屏幕适配的四种解决方法
Oct 19 Javascript
vue+elementUI实现图片上传功能
Aug 20 Javascript
JS如何实现文本框随文本的长度而增长
Jul 30 #Javascript
js代码实现随机颜色的小方块
Jul 30 #Javascript
js代码验证手机号码和电话号码是否合法
Jul 30 #Javascript
javascript设计模式之对象工厂函数与构造函数详解
Jul 30 #Javascript
js判断浏览器类型及设备(移动页面开发)
Jul 30 #Javascript
javascript中if和switch,==和===详解
Jul 30 #Javascript
用javascript实现自动输出网页文本
Jul 30 #Javascript
You might like
hadoop常见错误以及处理方法详解
2013/06/19 PHP
php中使用gd库实现下载网页中所有图片
2015/05/12 PHP
Laravle eloquent 多对多模型关联实例详解
2017/11/22 PHP
Laravel 实现关系模型取出需要的字段
2019/10/10 PHP
laravel框架实现为 Blade 模板引擎添加新文件扩展名操作示例
2020/01/25 PHP
JavaScript 给汉字排序实例代码
2008/06/28 Javascript
让table变成exls的示例代码
2014/03/24 Javascript
html5+javascript制作简易画板附图
2014/04/25 Javascript
javascript删除元素节点removeChild()用法实例
2015/05/26 Javascript
使用AngularJS来实现HTML页面嵌套的方法
2015/06/17 Javascript
JS实现自动变化的导航菜单效果代码
2015/09/09 Javascript
JavaScript简单实现鼠标移动切换图片的方法
2016/02/23 Javascript
Web程序员必备的7个JavaScript函数
2016/06/14 Javascript
Vue中对拿到的数据进行A-Z排序的实例
2018/09/25 Javascript
基于Vue实现的多条件筛选功能的详解(类似京东和淘宝功能)
2019/05/07 Javascript
弱类型语言javascript开发中的一些坑实例小结【变量、函数、数组、对象、作用域等】
2019/08/07 Javascript
[01:31](回顾)杀出重围,决战TI之巅
2014/07/01 DOTA
[05:49]2014DOTA2TI4正赛第二日综述 昔日冠军纷纷落马 VG LGD占尽先机
2014/07/20 DOTA
python将字符串转换成数组的方法
2015/04/29 Python
Python实现求数列和的方法示例
2018/01/12 Python
numpy 进行数组拼接,分别在行和列上合并的实例
2018/05/08 Python
Python字符串匹配之6种方法的使用详解
2019/04/08 Python
在Pycharm中调试Django项目程序的操作方法
2019/07/17 Python
python3.8 微信发送服务器监控报警消息代码实现
2019/11/05 Python
德国在线订购鲜花:Fleurop
2018/08/25 全球购物
Fossil加拿大官网:化石手表、手袋、首饰及配饰
2019/04/23 全球购物
日本热销NO.1胶原蛋白冻:Aishitoto爱希特多
2019/06/20 全球购物
医学院学生的自我评价分享
2013/11/19 职场文书
创业计划书怎样才能打动风投
2014/01/01 职场文书
法制宣传月活动总结
2014/04/29 职场文书
学校党支部承诺书
2015/04/30 职场文书
聘任书范文大全
2015/09/21 职场文书
销区经理年终述职报告模板
2019/11/28 职场文书
python实现语音常用度量方法的代码详解
2021/05/25 Python
详解JVM系列之内存模型
2021/06/10 Javascript
win11如何查看端口是否被占用? Win11查看端口是否占用的技巧
2022/04/05 数码科技