javascript中clipboardData對象用法詳解
本文實(shí)例講述了javascript中clipboardData對象用法。分享給大家供大家參考。具體分析如下:
clipboardData對象 ,注意網(wǎng)頁里剪貼板到現(xiàn)在只能設(shè)置Text類型,即只能復(fù)制文本
clearData("Text")清空粘貼板
getData("Text")讀取粘貼板的值
setData("Text",val)設(shè)置粘貼板的值
當(dāng)復(fù)制的時(shí)候body的oncopy事件被觸發(fā),直接return false就是禁止復(fù)制,注意是不能復(fù)制網(wǎng)頁里的文本了
<body oncopy="alert('禁止復(fù)制!');return false;">
很多元素也有oncopy,onpaste事件
1.復(fù)制文本到剪貼板
<html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <script type="text/javascript"> function CopyLinkAddress() { clipboardData.setData("Text", "請復(fù)制網(wǎng)址到您的QQ:" + location.href); alert("復(fù)制成功!"); } </script> </head> <body> <input type="button" value="復(fù)制網(wǎng)址" onclick="CopyLinkAddress()" /> </body> </html>
2.禁止復(fù)制,和禁止粘貼
<html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <script type="text/javascript"> function CopyLinkAddress() { clipboardData.setData("Text", "請復(fù)制網(wǎng)址到您的QQ:" + location.href); alert("復(fù)制成功!"); } </script> </head> <!--<body oncopy="alert('禁止復(fù)制');return false;">--> <body> <input type="button" value="復(fù)制網(wǎng)址" onclick="CopyLinkAddress()" /> 測試復(fù)制的文本<br /> 手機(jī)號碼1:<input type="text" /><br /> 手機(jī)號碼2:<input type="text" onpaste="alert('禁止粘貼,必須手工錄入!');return false;" /> </body> </html>
3.clipboardData對象復(fù)制時(shí)添加來源
<html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <script type="text/javascript"> function ModifyCopyData() { clipboardData.setData('Text',clipboardData.getData('Text') + '\r\n來自Pigeon網(wǎng)站' + location.href); } </script> </head> <!--不能直接在oncopy中調(diào)用ModifyCopyData函數(shù) 需設(shè)定定時(shí)器,0.1秒后執(zhí)行,這樣就不再oncopy的執(zhí)行調(diào)用堆棧上了 --> <body oncopy="setTimeout('ModifyCopyData()',100)"> 腳本之家:www.dbjr.com.cn </body> </html>
希望本文所述對大家的C#程序設(shè)計(jì)有所幫助。
- javascript實(shí)現(xiàn)粘貼qq截圖功能(clipboardData)
- js剪切板應(yīng)用clipboardData實(shí)例解析
- javascript復(fù)制粘貼與clipboardData的使用
- js 剪切板應(yīng)用clipboardData詳細(xì)解析
- js 剪切板的用法(clipboardData.setData)與js match函數(shù)介紹
- 網(wǎng)站內(nèi)容禁止復(fù)制和粘貼、另存為的js代碼
- JS input文本框禁用右鍵和復(fù)制粘貼功能的代碼
- js 實(shí)現(xiàn)復(fù)制到粘貼板的功能代碼
- JS 巧妙獲取剪貼板數(shù)據(jù) Excel數(shù)據(jù)的粘貼
- js利用clipboardData實(shí)現(xiàn)截屏粘貼功能
相關(guān)文章
Bootstrap+jfinal退出系統(tǒng)彈出確認(rèn)框的實(shí)現(xiàn)方法
這篇文章主要為大家詳細(xì)介紹了Bootstrap+jfinal退出系統(tǒng)彈出框的實(shí)現(xiàn)方法,感興趣的小伙伴們可以參考一下2016-05-05bootstrap中添加額外的圖標(biāo)實(shí)例代碼
可以針對校驗(yàn)狀態(tài)為輸入框添加額外的圖標(biāo)。接下來通過本文給大家分享bootstrap中添加額外的圖標(biāo)實(shí)例代碼,需要的的朋友參考下吧2017-02-02javascript 折半查找字符在數(shù)組中的位置(有序列表)
折半查找字符在數(shù)組中的位置(有序列表),需要的朋友可以參考下。2010-12-12微信小程序?qū)崿F(xiàn)虎年春節(jié)頭像制作
春節(jié)來臨之際,看到有網(wǎng)友分享了網(wǎng)頁版的虎年頭像制作工具。本文將為大家介紹一個(gè)虎年春節(jié)頭像制作小程序,文中的示例代碼講解詳細(xì),需要的可以參考一下2022-02-02JavaScript使用?for...in?、?for...of?或者?forEach()?遍歷元素的示例
for...in?、?for...of?和?forEach?都是用于循環(huán)遍歷集合元素的方法,但它們之間有一些重要的區(qū)別,本文通過實(shí)例代碼介紹JavaScript使用?for...in?、?for...of?或者?forEach()?遍歷元素的相關(guān)知識,感興趣的朋友一起看看吧2023-09-09Layui數(shù)據(jù)表格之獲取表格中所有的數(shù)據(jù)方法
今天小編就為大家分享一篇Layui數(shù)據(jù)表格之獲取表格中所有的數(shù)據(jù)方法,具有很好的參考價(jià)值,希望對大家有所幫助。一起跟隨小編過來看看吧2018-08-08點(diǎn)擊隱藏頁面左欄或右欄實(shí)現(xiàn)js代碼
通過點(diǎn)擊來隱藏頁面左欄或右欄,此效果在實(shí)際應(yīng)用中很常見,接下來為大家詳細(xì)介紹下實(shí)現(xiàn)代碼,感興趣的朋友可以參考下哈,希望可以幫助到你2013-04-04