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>

事件列表

菜鳥教程:https://www.runoob.com/jsref/dom-obj-event.html

相關說明:

1、VIP會員無限製任意下載,免積分。立即前往開通>>

2、下載積分可通過日常 簽到綁定郵箱 以及 積分兌換 等途徑獲得!

3、本站資源大多存儲在雲盤,如出現鏈接失效請評論反饋,如有密碼,均為:www.ipipn.com。

4、所有站內資源僅供學習交流使用。未經原版權作者許可,禁止用於任何商業環境,否則後果自負。為尊重作者版權,請購買正版作品。

5、站內資源來源於網絡公開發表文件或網友分享,如侵犯您的權益,請聯係管理員處理。

6、本站提供的源碼、模板、軟件工具等其他資源,都不包含技術服務,請大家諒解!

7、源碼、模板等資源會隨著技術、壞境的升級而存在部分問題,還請慎重選擇。

PS.源碼均收集自網絡,如有侵犯閣下權益,請發信件至: admin@ipipn.com .


源站網 » JavaScript給指定標簽添加複製點擊事件

發表評論

讚助本站發展 維持服務器消耗

全站源碼免費下載 立刻讚助