使用js復(fù)制鏈接中的部分文字的方法
網(wǎng)頁上面的鏈接一般鼠標(biāo)放上去就是一個(gè)手指的形狀,導(dǎo)致不能拖動(dòng)鼠標(biāo)進(jìn)行復(fù)制,下面這段JS就是讓你能夠?qū)崿F(xiàn)復(fù)制的,將這段代碼保存成chrome的書簽,需要復(fù)制的時(shí)候點(diǎn)擊這個(gè)書簽,然后按著ctrl鍵,就可以復(fù)制鏈接上面的文字了
復(fù)制鏈接中的部分文字的實(shí)現(xiàn)代碼如下:
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); })();
以上就是復(fù)制鏈接中的部分文字的實(shí)現(xiàn)代碼,希望大家可以喜歡。
- js實(shí)現(xiàn)點(diǎn)擊復(fù)制當(dāng)前文本到剪貼板功能(兼容所有瀏覽器)
- JavaScript實(shí)現(xiàn)點(diǎn)擊按鈕就復(fù)制當(dāng)前網(wǎng)址
- js實(shí)現(xiàn)點(diǎn)擊圖片將圖片地址復(fù)制到粘貼板的方法
- js實(shí)現(xiàn)點(diǎn)擊后將文字或圖片復(fù)制到剪貼板的方法
- 點(diǎn)擊進(jìn)行復(fù)制的JS代碼實(shí)例
- 用 javascript 實(shí)現(xiàn)的點(diǎn)擊復(fù)制代碼
- JS簡單實(shí)現(xiàn)點(diǎn)擊復(fù)制鏈接的方法
相關(guān)文章
javascript實(shí)現(xiàn)全屏頁面滾動(dòng)效果
這篇文章主要為大家詳細(xì)介紹了javascript實(shí)現(xiàn)全屏頁面滾動(dòng)效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2021-10-10js 獲取、清空input type="file"的值示例代碼
本篇文章主要是對(duì)js獲取、清空input type="file"的值的示例代碼進(jìn)行了介紹,需要的朋友可以過來參考下,希望對(duì)大家有所幫助2014-02-02純編碼實(shí)現(xiàn)微信小程序彈幕效果(非視頻底)
這篇文章主要介紹了微信小程序彈幕純編碼實(shí)現(xiàn),這種效果是非視頻底,代碼簡單易懂,對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2022-05-05網(wǎng)頁中JS函數(shù)自動(dòng)執(zhí)行常用三種方法
這篇文章主要為大家詳細(xì)介紹了網(wǎng)頁中JS函數(shù)自動(dòng)執(zhí)行常用三種方法,感興趣的小伙伴們可以參考一下2016-03-03js如何實(shí)現(xiàn)小程序wx.arrayBufferToBase64方法實(shí)例
這篇文章主要給大家介紹了關(guān)于js如何實(shí)現(xiàn)小程序wx.arrayBufferToBase64方法的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2022-03-03js實(shí)現(xiàn)上傳圖片之上傳前預(yù)覽圖片
此功能用js實(shí)現(xiàn),然后在fileupload控件的change事件中調(diào)用,這樣當(dāng)用fileupload選擇完圖片以后,圖片就會(huì)自動(dòng)顯示出來了,感興趣的各位可以參考下哈2013-03-03JS實(shí)現(xiàn)數(shù)據(jù)動(dòng)態(tài)渲染的豎向步驟條
這篇文章主要為大家詳細(xì)介紹了JS實(shí)現(xiàn)數(shù)據(jù)動(dòng)態(tài)渲染的豎向步驟條,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2020-06-06一篇文章搞定JavaScript類型轉(zhuǎn)換(面試常見)
這篇文章主要介紹了一篇文章搞定JavaScript類型轉(zhuǎn)換(面試常見),非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友參考下吧2017-01-01