javascript clipboardData對象詳解

時間 2019-11-07

標籤 javascript clipboarddata 對象詳解欄目 JavaScript 简体版

原文原文鏈接

clipboardData對象 ,注意網頁裏剪貼板到如今只能設置Text類型，即只能複製文本

clearData("Text")清空粘貼板

getData("Text")讀取粘貼板的值

setData("Text",val)設置粘貼板的值

當複製的時候body的oncopy事件被觸發,直接return false就是禁止複製,注意是不能複製網頁裏的文本了

不少元素也有oncopy,onpaste事件

1.複製文本到剪貼板

< html xmlns="http://www.w3.org/1999/xhtml">

<head>

function CopyLinkAddress() {

clipboardData.setData("Text", "請複製網址到您的QQ:" + location.href);

alert("複製成功!");

}

</script>

</head>

<body>

</body>

</html>

2.禁止複製,和禁止粘貼

<head>

function CopyLinkAddress() {

clipboardData.setData("Text", "請複製網址到您的QQ:" + location.href);

alert("複製成功!");

}

</script>

</head>

<body>

測試複製的文本<br />

手機號碼1:<input type="text" /><br />

手機號碼2:<input type="text" onpaste="alert('禁止粘貼，必須手工錄入!');return false;" />

</body>

</html>

3.clipboardData對象複製時添加來源

<head>

function ModifyCopyData() {

clipboardData.setData('Text',clipboardData.getData('Text') +

'\r\n來自Pigeon網站' + location.href);

}

</script>

</head>

<!--不能直接在oncopy中調用ModifyCopyData函數

需設定定時器,0.1秒後執行,這樣就再也不oncopy的執行調用堆棧上了

-->

程序員網站:www.csdn.net

</body>

</html>

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。