h5的复制功能

js+html5实现复制文字按钮

<div>
        <input type="text" name="guanfangaddress" id="guanfangaddress"/>
         <span id="copyBT" >复制</span>
</div>

<script type="text/javascript">
    function copyArticle(event) {        
        const range = document.createRange();        
        range.selectNode(document.getElementById('guanfangaddress'));         
        const selection = window.getSelection();        
        if(selection.rangeCount > 0) selection.removeAllRanges();        
        selection.addRange(range);        
        document.execCommand('copy');        
        alert("复制成功!");      
    }       
    document.getElementById('copyBT').addEventListener('click', copyArticle, false);
</script>

 

posted @ 2018-04-16 16:03  小鬼PSer  阅读(1052)  评论(0编辑  收藏  举报