使用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 相关文章推荐
取键盘键位ASCII码的网页
Jul 30 Javascript
iframe的父子窗口之间的对象相互调用基本用法
Sep 03 Javascript
js特殊字符转义介绍
Nov 05 Javascript
微信小程序后台解密用户数据实例详解
Jun 28 Javascript
jQuery+Ajax请求本地数据加载商品列表页并跳转详情页的实现方法
Jul 12 jQuery
Angularjs实现下拉框联动的示例代码
Aug 22 Javascript
vue3.0 CLI - 2.4 - 新组件 Forms.vue 中学习表单
Sep 14 Javascript
JS实现处理时间,年月日,星期的公共方法示例
May 31 Javascript
javascript面向对象三大特征之多态实例详解
Jul 24 Javascript
vue实现点击追加选中样式效果
Nov 01 Javascript
node.JS路径解析之PATH模块使用方法详解
Feb 06 Javascript
Node在Controller层进行数据校验的过程详解
Aug 28 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
php FPDF类库应用实现代码
2009/03/20 PHP
php学习之简单计算器实现代码
2011/06/09 PHP
PHP使用GETDATE获取当前日期时间作为一个关联数组的方法
2015/03/19 PHP
在openSUSE42.1下编译安装PHP7 的方法
2015/12/24 PHP
php实现的三个常用加密解密功能函数示例
2017/11/06 PHP
解放web程序员的输入验证
2006/10/06 Javascript
xml和web特殊字符
2009/04/28 Javascript
基于jsTree的无限级树JSON数据的转换代码
2010/07/27 Javascript
jQuery AjaxQueue改进步骤
2011/10/06 Javascript
extJS中常用的4种Ajax异步提交方式
2014/03/07 Javascript
jQuery Validate表单验证入门学习
2015/12/18 Javascript
JS组件系列之Bootstrap Icon图标选择组件
2016/01/28 Javascript
JS实现拖动滚动条评分的效果代码分享
2016/09/29 Javascript
详解使用vue-router进行页面切换时滚动条位置与滚动监听事件
2017/03/08 Javascript
vue短信验证性能优化如何写入localstorage中
2018/04/25 Javascript
React+Webpack快速上手指南(小结)
2018/08/15 Javascript
gulp构建小程序的方法步骤
2019/05/31 Javascript
JS回调函数深入理解
2019/10/16 Javascript
Javascript查看大图功能代码实现
2020/05/07 Javascript
[18:20]DOTA2 HEROS教学视频教你分分钟做大人-昆卡
2014/06/11 DOTA
python中常用的各种数据库操作模块和连接实例
2014/05/29 Python
pycharm 使用心得(一)安装和首次使用
2014/06/05 Python
使用Python的内建模块collections的教程
2015/04/28 Python
python字符串编码识别模块chardet简单应用
2015/06/15 Python
Python设计模式中单例模式的实现及在Tornado中的应用
2016/03/02 Python
Python爬取qq空间说说的实例代码
2018/08/17 Python
解决pandas .to_excel不覆盖已有sheet的问题
2018/12/10 Python
Anaconda的安装及其环境变量的配置详解
2020/04/22 Python
Python实现转换图片背景颜色代码
2020/04/30 Python
Python使用eval函数执行动态标表达式过程详解
2020/10/17 Python
高中生的自我鉴定范文
2014/01/24 职场文书
淘宝店铺营销方案
2014/02/13 职场文书
中专生毕业个人鉴定
2014/02/26 职场文书
四风自我剖析材料
2014/09/30 职场文书
综合管理员岗位职责
2015/02/11 职场文书
公务员年终个人总结
2015/02/12 职场文书