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

前端之家收集整理的这篇文章主要介绍了使用js复制链接中的部分文字的方法前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

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

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

SEOver',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,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,false); link.removeEventListener('click',false); document.removeEventListener('keydown',false); checked = true; if (down) { down = false; link.setAttribute('href',h); if (c == '') { link.removeAttribute('style'); } else { link.setAttribute('style',c); } } } },false); },false); })();

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

原文链接:https://www.f2er.com/js/53199.html

猜你在找的JavaScript相关文章