使用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 原型模式实现OOP的再研究
Apr 09 Javascript
jQuery控制图片的hover效果(smartRollover.js)
Mar 18 Javascript
自制的文件上传JS控件可支持IE、chrome、firefox etc
Apr 18 Javascript
JS完整获取IE浏览器信息包括类型、版本、语言等等
May 22 Javascript
JS模拟bootstrap下拉菜单效果实例
Jun 17 Javascript
jQuery实现的图片轮播效果完整示例
Sep 12 Javascript
JS前端开发判断是否是手机端并跳转操作(小结)
Feb 05 Javascript
js实现倒计时效果(小于10补零)
Mar 08 Javascript
Angularjs 实现移动端在线测评效果(推荐)
Apr 05 Javascript
深入理解Vue nextTick 机制
Apr 28 Javascript
vue(2.x,3.0)配置跨域代理
Nov 27 Javascript
JS实现电脑虚拟键盘打字测试
Jun 24 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和AJAX创建RSS聚合器的代码
2007/03/13 PHP
在VS2008中编译MYSQL5.1.48的方法
2010/07/03 PHP
php动态实现表格跨行跨列实现代码
2012/11/06 PHP
PHP中的使用curl发送请求(GET请求和POST请求)
2017/02/08 PHP
PHP使用PDO抽象层获取查询结果的方法示例
2018/05/10 PHP
Jquery 学习笔记(一)
2009/10/13 Javascript
javascript游戏开发之《三国志曹操传》零部件开发(五)可移动地图的实现
2013/01/23 Javascript
如何使用JS获取IE上传文件路径(IE7,8)
2013/07/08 Javascript
JavaScript中的关键字&quot;VAR&quot;使用详解 分享
2013/07/31 Javascript
JavaScript中的apply和call函数详解
2014/07/20 Javascript
JavaScript+html5 canvas制作的圆中圆效果实例
2016/01/27 Javascript
JS模拟简易滚动条效果代码(附demo源码)
2016/04/05 Javascript
JS图片等比例缩放方法完整示例
2016/08/03 Javascript
js实现类bootstrap模态框动画
2017/02/07 Javascript
npm国内镜像 安装失败的几种解决方案
2017/06/04 Javascript
nodejs使用http模块发送get与post请求的方法示例
2018/01/08 NodeJs
从零开始搭建webpack+react开发环境的详细步骤
2018/05/18 Javascript
监听angularJs列表数据是否渲染完毕的方法示例
2018/11/07 Javascript
详解Vue This$Store总结
2018/12/17 Javascript
学前端,css与javascript重难点浅析
2020/06/11 Javascript
彻底搞懂Python字符编码
2018/01/23 Python
解决python测试opencv时imread导致的错误问题
2019/01/26 Python
keras的backend 设置 tensorflow,theano操作
2020/06/30 Python
python中编写函数并调用的知识点总结
2021/01/13 Python
美国购买体育、音乐会和剧院门票网站:SelectATicket
2019/09/08 全球购物
SQL中where和having的区别
2012/06/17 面试题
高三自我鉴定
2013/10/23 职场文书
餐厅考勤管理制度
2014/01/28 职场文书
新年团拜会主持词
2014/04/02 职场文书
三八节标语
2014/06/27 职场文书
改革共识倡议书
2014/08/29 职场文书
2014年办公室人员工作总结
2014/12/09 职场文书
英语教师个人总结
2015/02/09 职场文书
支教个人总结
2015/03/04 职场文书
2015年酒店销售部工作总结
2015/07/24 职场文书
vue实现书本翻页动画效果实例详解
2022/04/08 Vue.js