JavaScript oncopy事件用法實(shí)例解析
作用:當(dāng)用戶拷貝添加了oncopy事件的元素時觸發(fā)
使用方式:直接在HTML標(biāo)簽中添加該事件,通過JavaScript為指定元素添加該事件
提示:如果想要禁止復(fù)制某個元素的內(nèi)容,可以在該事件的函數(shù)中添加return: false;,禁止瀏覽器的默認(rèn)行為
例如:
<!DOCTYPE html><html lang='en'><head> <meta charset='UTF-8'> <title>oncopy事件</title> <script> window.onload = function () { let text = document.getElementsByTagName('p'); // 通過JavaScript為指定元素添加該事件 text[0].oncopy = function () {alert('文本1被復(fù)制了'); }; }; </script></head><body><p>我是文本1</p><!--直接在HTML標(biāo)簽中添加該事件--><p oncopy='return false'>我是文本2</p></body></html>
運(yùn)行效果:當(dāng)文本1被復(fù)制時,彈出”文本1被復(fù)制了“的對話框;復(fù)制文本2無效(禁止復(fù)制文本2);
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持好吧啦網(wǎng)。
相關(guān)文章:
1. 在Android中使用WebSocket實(shí)現(xiàn)消息通信的方法詳解2. python matplotlib:plt.scatter() 大小和顏色參數(shù)詳解3. Yii2.0引入CSS,JS文件方法4. JSP數(shù)據(jù)交互實(shí)現(xiàn)過程解析5. Python importlib動態(tài)導(dǎo)入模塊實(shí)現(xiàn)代碼6. vue使用webSocket更新實(shí)時天氣的方法7. 淺談python出錯時traceback的解讀8. android studio 打包自動生成版本號與日期,apk輸入路徑詳解9. Nginx+php配置文件及原理解析10. JavaMail 1.4 發(fā)布
