首页 > 语言 > JavaScript > 正文

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

2024-05-06 16:24:05
字体:
来源:转载
供稿:网友

这篇文章介绍了使用js复制链接中的部分文字的方法,技巧很实用,需要的朋友可以参考下

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

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

 

 
  1. javascript: (function() { 
  2. var h, checked = true
  3. down = false
  4. document.addEventListener('mouseover'
  5. function(e) { 
  6. var link, c = ''
  7. target = e.target; 
  8. if (target.nodeName == 'A') { 
  9. if (target.hasChildNodes) { 
  10. for (var i = 0; i < target.childNodes.length; i++) { 
  11. if (target.childNodes[i].nodeName == 'INPUT'return
  12. link = target; 
  13. if (target.parentNode.nodeName == 'A' && target.nodeName != 'IMG' && target.nodeName != 'INPUT') { 
  14. link = target.parentNode; 
  15. if (!link) return
  16. if (checked) { 
  17. h = link.href; 
  18. if (link.style.cssText) c = link.style.cssText; 
  19. function _click(e) { 
  20. link.removeEventListener(e.type, arguments.callee, false); 
  21. e.preventDefault(); 
  22. function _keydown(e) { 
  23. var k = parseInt(e.keyCode); 
  24. if (k < 48 && k != 17) return
  25. document.removeEventListener(e.type, arguments.callee, false); 
  26. down = true
  27. link.removeAttribute('href'); 
  28. link.setAttribute('style', c + 'cursor:text!important;'); 
  29. link.addEventListener('click', _click, false); 
  30. document.addEventListener('keydown', _keydown, false); 
  31. link.addEventListener('mouseout'
  32. function(e) { 
  33. var k = link.compareDocumentPosition(e.relatedTarget); 
  34. if (k == 20 || k == 0) { 
  35. checked = false
  36. else { 
  37. link.removeEventListener(e.type, arguments.callee, false); 
  38. link.removeEventListener('click', _click, false); 
  39. document.removeEventListener('keydown', _keydown, false); 
  40. checked = true
  41. if (down) { 
  42. down = false
  43. link.setAttribute('href', h); 
  44. if (c == '') { 
  45. link.removeAttribute('style'); 
  46. else { 
  47. link.setAttribute('style', c); 
  48. }, 
  49. false); 
  50. }, 
  51. false); 
  52. })(); 

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

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表

图片精选