使用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 相关文章推荐
javascript下高性能字符串连接StringBuffer类
Aug 16 Javascript
各浏览器对link标签onload/onreadystatechange事件支持的差异分析
Apr 27 Javascript
E3 tree 1.6在Firefox下显示问题的修复方法
Jan 30 Javascript
QQ空间顶部折页撕开效果示例代码
Jun 15 Javascript
JavaScript用JSONP跨域请求数据实例详解
Jan 06 Javascript
angular动态删除ng-repaeat添加的dom节点的方法
Jul 20 Javascript
Node.js实现mysql连接池使用事务自动回收连接的方法示例
Feb 03 Javascript
Vue+axios实现统一接口管理的方法
Jul 23 Javascript
axios对请求各种异常情况处理的封装方法
Sep 25 Javascript
基于vue+echarts 数据可视化大屏展示的方法示例
Mar 09 Javascript
JS实现手写 forEach算法示例
Apr 29 Javascript
JavaScript实现动态生成表格
Aug 02 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 将图片按创建时间进行分类存储的实现代码
2010/01/05 PHP
抓取并下载CSS中所有图片文件的php代码
2011/09/26 PHP
PHP中header和session_start前不能有输出原因分析
2013/01/11 PHP
PHP中soap的用法实例
2014/10/24 PHP
PHP生成器简单实例
2015/05/13 PHP
thinkPHP中验证码的简单使用方法
2015/12/26 PHP
JS类的封装及实现代码
2009/12/02 Javascript
jQuery 数据缓存data(name, value)详解及实现
2010/01/04 Javascript
JS 密码强度验证(兼容IE,火狐,谷歌)
2010/03/15 Javascript
js在指定位置增加节点函数insertBefore()用法实例
2015/01/12 Javascript
简单学习JavaScript中的for语句循环结构
2015/11/10 Javascript
如何利用Promises编写更优雅的JavaScript代码
2016/05/17 Javascript
Document.body.scrollTop的值总为零的快速解决办法
2016/06/09 Javascript
jQuery实现磁力图片跟随效果完整示例
2016/09/16 Javascript
微信小程序 后台https域名绑定和免费的https证书申请详解
2016/11/10 Javascript
详解Javascript百度地图接口开发文档中的类和方法
2017/02/07 Javascript
详解基于vue的移动web app页面缓存解决方案
2017/08/03 Javascript
微信小程序实现展示评分结果功能
2019/02/15 Javascript
vue调用语音播放的方法
2019/09/27 Javascript
VuePress 中如何增加用户登录功能
2019/11/29 Javascript
十分钟教你上手ES2020新特性
2020/02/12 Javascript
python使用xauth方式登录饭否网然后发消息
2014/04/11 Python
Python中pandas模块DataFrame创建方法示例
2018/06/20 Python
Python 从相对路径下import的方法
2018/12/04 Python
flask-restful使用总结
2018/12/04 Python
Python利用PyExecJS库执行JS函数的案例分析
2019/12/18 Python
新加坡最佳婴儿用品店:Mamahood.com.sg
2018/08/26 全球购物
优质有机椰子产品:Dr. Goerg
2019/09/24 全球购物
美国家用和厨房电器销售网站:Appliances Connection
2020/01/24 全球购物
优秀志愿者事迹材料
2014/02/03 职场文书
小学毕业感言300字
2014/02/19 职场文书
法院干警四风问题个人对照检查材料思想汇报
2014/10/07 职场文书
2014年职称评定工作总结
2014/11/26 职场文书
2015年法院工作总结范文
2015/04/28 职场文书
学生会自荐信
2019/05/16 职场文书
联想win10摄像头打不开怎么办?win10笔记本摄像头打不开解决办法
2022/04/08 数码科技