使用js複製連結中的部分文字的方法,js連結

來源:互聯網
上載者:User

使用js複製連結中的部分文字的方法,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);})();

以上就是複製連結中的部分文字的實現代碼,希望大家可以喜歡。

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.