【JAVASCRIPT】处理剪切板
生活随笔
收集整理的這篇文章主要介紹了
【JAVASCRIPT】处理剪切板
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
處理復制、剪切和粘貼操作
ClipboardData對象--屬性: ?
oncopy --當用戶復制選中區時在源元素上觸發。
oncut--當用戶剪切選中區時在源元素上觸發。
onpaste--當用戶粘貼數據時在目標對象上觸發。
ClipboardData對象--方法:
getData("Text")--從系統剪切板獲取指定格式的數據。
setData("Text",values)--講指定格式的數據保存到系統剪切板。
clearData()--清楚系統剪切板中的數據。
例1:設置文本不能粘貼:
<input type="text" onpaste = "return false;" /> 注意:要加上return;
例2:當復制某個頁面的文章在文章結尾加上文章來源,防止粘貼黨不加文章鏈接;
<head><title>設置剪切板</title><script type="text/javascript">function updateacritle() {var text = clipboardData.getData("Text");text = text + " 本文章轉載橫豎都是二,文章來源:" + location.href;clipboardData.setData("Text", text); }</script></head> <body oncopy="setTimeout('updateacritle()',100)">this a text! </body>
注意:在使用oncopy的時候要用setTimeout設置定時執行函數,因為只能當用戶復制之后才去修改剪切板中的內容。
這段代碼在IE中可以很正常的顯示,但是在chrome中卻失去了功能。還請友友們不吝賜教!
?
總結
以上是生活随笔為你收集整理的【JAVASCRIPT】处理剪切板的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: JS正则表达式详解(转)
- 下一篇: 局部变量,静态局部变量,全局变量,静态全