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