JavaScript oncopy事件用法實(shí)例解析
作用:當(dāng)用戶拷貝添加了oncopy事件的元素時(shí)觸發(fā)
使用方式:直接在HTML標(biāo)簽中添加該事件,通過(guò)JavaScript為指定元素添加該事件
提示:如果想要禁止復(fù)制某個(gè)元素的內(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'); // 通過(guò)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ù)制時(shí),彈出”文本1被復(fù)制了“的對(duì)話框;復(fù)制文本2無(wú)效(禁止復(fù)制文本2);
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持好吧啦網(wǎng)。
相關(guān)文章:
1. 怎樣才能用js生成xmldom對(duì)象,并且在firefox中也實(shí)現(xiàn)xml數(shù)據(jù)島?2. CSS hack用法案例詳解3. ASP.NET MVC使用異步Action的方法4. asp中response.write("中文")或者js中文亂碼問(wèn)題5. 詳解盒子端CSS動(dòng)畫性能提升6. css代碼優(yōu)化的12個(gè)技巧7. 怎樣打開XML文件?xml文件如何打開?8. 詳解瀏覽器的緩存機(jī)制9. ASP.NET Core實(shí)現(xiàn)中間件的幾種方式10. CSS3中Transition屬性詳解以及示例分享
