JavaScript給指定標簽添加複製點擊事件
前言
分享一下如何給網站指定標簽添加指定事件的,不能帶on
代碼
點擊事件
<span class="weixin">教書先生</span> <script> // 選取DOM節點的方法,可以使用其它類似的api,比如document.getElementById var $ = document.querySelector.bind(document); var $$ = document.querySelectorAll.bind(document); function copyWeixin(evt) { // 新建一個“區域”,並把微信號的節點加到裏麵 const range = document.createRange(); range.selectNode(evt.currentTarget); // 獲取文檔已選區域, const selection = document.getSelection(); selection.removeAllRanges(); selection.addRange(range); // 複製 document.execCommand('copy'); // 清除選中狀態 selection.removeAllRanges(); // 提示用戶複製成功 alert('微信複製成功'); } // 給所有微信號節點增加點擊事件的處理方法(點擊時複製) [].slice.call($$('.weixin')).forEach(function (dom) { dom.addEventListener('click', copyWeixin); }); </script>
複製事件
<span class="weixin">教書先生</span> <script> // 選取DOM節點的方法,可以使用其它類似的api,比如document.getElementById var $ = document.querySelector.bind(document); var $$ = document.querySelectorAll.bind(document); // 微信複製成功後的回調方法 function weixinCopied(evt) { // 複製成功\ alert("複製成功!"); } // 給所有微信號節點增加複製事件的處理方法 [].slice.call($$('.weixin')).forEach(function (dom) { dom.addEventListener('copy', weixinCopied); }); </script>
事件列表
相關說明:
1、VIP會員無限製任意下載,免積分。立即前往開通>>
2、下載積分可通過日常 簽到、綁定郵箱 以及 積分兌換 等途徑獲得!
3、本站資源大多存儲在雲盤,如出現鏈接失效請評論反饋,如有密碼,均為:www.ipipn.com。
4、所有站內資源僅供學習交流使用。未經原版權作者許可,禁止用於任何商業環境,否則後果自負。為尊重作者版權,請購買正版作品。
5、站內資源來源於網絡公開發表文件或網友分享,如侵犯您的權益,請聯係管理員處理。
6、本站提供的源碼、模板、軟件工具等其他資源,都不包含技術服務,請大家諒解!
7、源碼、模板等資源會隨著技術、壞境的升級而存在部分問題,還請慎重選擇。
PS.源碼均收集自網絡,如有侵犯閣下權益,請發信件至: admin@ipipn.com .
源站網 » JavaScript給指定標簽添加複製點擊事件