45fan.com - 路饭网

搜索: 您的位置主页 > 电脑频道 > 编程代码 > 阅读资讯:js如何实现复制链接中的部分文字?

js如何实现复制链接中的部分文字?

2015-08-17 05:51:56 来源:www.45fan.com 【

js如何实现复制链接中的部分文字?

网页上面的链接一般鼠标放上去就是一个手指的形状,导致不能拖动鼠标进行复制,下面这段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);
})();

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


本文地址:http://www.45fan.com/bcdm/17991.html
Tags: 中的 文字 复制
编辑:路饭网
推广内容
推荐阅读
热门推荐
推荐文章
关于我们 | 联系我们 | 友情链接 | 网站地图 | Sitemap | App | 返回顶部