javascript中clipboardData對象用法詳解
本文實例講述了javascript中clipboardData對象用法。分享給大家供大家參考。具體分析如下:
clipboardData對象 ,注意網(wǎng)頁里剪貼板到現(xiàn)在只能設(shè)置Text類型,即只能復(fù)制文本
clearData("Text")清空粘貼板
getData("Text")讀取粘貼板的值
setData("Text",val)設(shè)置粘貼板的值
當復(fù)制的時候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 />
手機號碼1:<input type="text" /><br />
手機號碼2:<input type="text"
onpaste="alert('禁止粘貼,必須手工錄入!');return false;" />
</body>
</html>
3.clipboardData對象復(fù)制時添加來源
<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è)定定時器,0.1秒后執(zhí)行,這樣就不再oncopy的執(zhí)行調(diào)用堆棧上了
-->
<body oncopy="setTimeout('ModifyCopyData()',100)">
腳本之家:chabaoo.cn
</body>
</html>
希望本文所述對大家的C#程序設(shè)計有所幫助。
- javascript實現(xiàn)粘貼qq截圖功能(clipboardData)
- js剪切板應(yīng)用clipboardData實例解析
- javascript復(fù)制粘貼與clipboardData的使用
- js 剪切板應(yīng)用clipboardData詳細解析
- js 剪切板的用法(clipboardData.setData)與js match函數(shù)介紹
- 網(wǎng)站內(nèi)容禁止復(fù)制和粘貼、另存為的js代碼
- JS input文本框禁用右鍵和復(fù)制粘貼功能的代碼
- js 實現(xiàn)復(fù)制到粘貼板的功能代碼
- JS 巧妙獲取剪貼板數(shù)據(jù) Excel數(shù)據(jù)的粘貼
- js利用clipboardData實現(xiàn)截屏粘貼功能
相關(guān)文章
Bootstrap+jfinal退出系統(tǒng)彈出確認框的實現(xiàn)方法
這篇文章主要為大家詳細介紹了Bootstrap+jfinal退出系統(tǒng)彈出框的實現(xiàn)方法,感興趣的小伙伴們可以參考一下2016-05-05
javascript 折半查找字符在數(shù)組中的位置(有序列表)
折半查找字符在數(shù)組中的位置(有序列表),需要的朋友可以參考下。2010-12-12
微信小程序?qū)崿F(xiàn)虎年春節(jié)頭像制作
春節(jié)來臨之際,看到有網(wǎng)友分享了網(wǎng)頁版的虎年頭像制作工具。本文將為大家介紹一個虎年春節(jié)頭像制作小程序,文中的示例代碼講解詳細,需要的可以參考一下2022-02-02
JavaScript使用?for...in?、?for...of?或者?forEach()?遍歷元素的示例
for...in?、?for...of?和?forEach?都是用于循環(huán)遍歷集合元素的方法,但它們之間有一些重要的區(qū)別,本文通過實例代碼介紹JavaScript使用?for...in?、?for...of?或者?forEach()?遍歷元素的相關(guān)知識,感興趣的朋友一起看看吧2023-09-09
Layui數(shù)據(jù)表格之獲取表格中所有的數(shù)據(jù)方法
今天小編就為大家分享一篇Layui數(shù)據(jù)表格之獲取表格中所有的數(shù)據(jù)方法,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2018-08-08

