萬盛學電腦網 >> 腳本專題 >> javascript >> javascript中clipboardData對象用法
javascript中clipboardData對象用法
本文實例講述了javascript中clipboardData對象用法。分享給大家供大家參考。具體分析如下：
clipboardData對象 ,注意網頁裡剪貼板到現在只能設置Text類型，即只能復制文本
clearData("Text")清空粘貼板
getData("Text")讀取粘貼板的值
setData("Text",val)設置粘貼板的值
當復制的時候body的oncopy事件被觸發,直接return false就是禁止復制,注意是不能復制網頁裡的文本了
很多元素也有oncopy,onpaste事件
1.復制文本到剪貼板
?
1 2 3 4 5 6 7 8 9 10 11 12 13 14 <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <script type="text/javascript"> function CopyLinkAddress() { clipboardData.setData("Text", "請復制網址到您的QQ:" + location.href); alert("復制成功!"); } </script> </head> <body> <input type="button" value="復制網址" onclick="CopyLinkAddress()" /> </body> </html>2.禁止復制,和禁止粘貼
?
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <script type="text/javascript"> function CopyLinkAddress() { clipboardData.setData("Text", "請復制網址到您的QQ:" + location.href); alert("復制成功!"); } </script> </head> <!--<body oncopy="alert('禁止復制');return false;">--> <body> <input type="button" value="復制網址" onclick="CopyLinkAddress()" /> 測試復制的文本<br /> 手機號碼1:<input type="text" /><br /> 手機號碼2:<input type="text" onpaste="alert('禁止粘貼，必須手工錄入!');return false;" /> </body> </html>3.clipboardData對象復制時添加來源
?
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <script type="text/javascript"> function ModifyCopyData() { clipboardData.setData('Text',clipboardData.getData('Text') + 'rn來自Pigeon網站' + location.href); } </script> </head> <!--不能直接在oncopy中調用ModifyCopyData函數 需設定定時器,0.1秒後執行,這樣就不再oncopy的執行調用堆棧上了 --> <body oncopy="setTimeout('ModifyCopyData()',100)"> 腳本之家:www.jb51.net </body> </html>希望本文所述對大家的C#程序設計有所幫助。
javascript排行
程序編程推薦
相關文章
copyright © 萬盛學電腦網 all rights reserved