js實現復制(copy)選中內容


第一次使用copy函數發現不兼容IE,會出現偶然性觸發機率,后發現oncopy事件是可以兼容IE瀏覽器的。

oncopy 事件在用戶拷貝元素上的內容時觸發。

提示: oncopy 事件在用戶拷貝元素時也會觸發,例如, 拷貝 <img> 元素。

提示: oncopy 事件通常用於 type="text" 的 <input> 元素。

提示: 有三種方式可以拷貝元素和內容:

  • 按下 CTRL + C
  • 在你的瀏覽器的 Edit(編輯) 菜單中選擇 "Copy(復制)"
  • 右鍵鼠標按鈕,在上下文菜單中選擇 "Copy(復制)" 命令。

實現代碼如下:

<table border="1">
    <tr>
        <td>第一列</td>
        <td>第二列</td>
    </tr>
    <tr>
        <td oncopy="myCopy(this)">123</td>
        <td oncopy="myCopy(this)">456</td>
    </tr>
    <tr>
        <td oncopy="myCopy(this)" >789</td>
        <td oncopy="myCopy(this)">001</td>
    </tr>
</table>
<script type="text/javascript">
        function myCopy(e){ var text = e.innerText alert(text) } </script>

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM