您的位置：首页 > Web前端 > JavaScript

JS操作浏览器剪切板内容

2016-02-28 09:05 549 查看

当$('#input-signature')发生粘贴事件时获取剪切板上的内容

$('#input-signature').bind('paste',function(e){

var pastedText = undefined;

if (window.clipboardData && window.clipboardData.getData) { // IE
pastedText = window.clipboardData.getData('Text');
} else {
pastedText = e.originalEvent.clipboardData.getData('Text');//e.clipboardData.getData('text/plain');
}

});

下面的例子演示了当选中的文字被复制时，会弹出一个信息提示框：

<html>
<body>
<p oncopy="alert('文字已被复制到剪贴板！')">这是一些文字</p>
</body>
</html>

下面是一个改进的例子，当页面上的被容被拷贝时，加入版权信息及原文地址：

<html>
<body>
<script type="text/javascript">
document.body.oncopy = function(){
event.returnValue = false;
var txt_cr = document.selection.createRange().text;
var copy_cr = "本文来自我爱开发网, 原文地址：http://www.5idev.cn/p-javascript_oncopy.shtml";
clipboardData.setData('Text',txt_cr+'rn'+copy_cr+'rn');
}
</script>
<p>这是一些文字</p>
</body>
</html>

JavaScript oncut 事件

文本域内的内容被剪切时会触发 oncut 事件。

oncut 实例

下面的例子演示了文本域内的内容被剪切时，会弹出一个信息提示框：

<html>
<body>
<input type="text" value="文字内容" oncut="alert('文字已被剪切！')" />
</body>
</html>

JavaScript onpaste 事件

将剪贴板内的内容向文本域粘贴时，会触发 onpaste 事件。

onpaste 实例

下面的例子演示了一个常用的应用，就是禁止向文本域粘贴内容：

<html>
<body>
<input type="text" onpaste="return false;" />
</body>
</html>

在该例子中，利用 return false 阻止了粘贴这一行为。在实际应用中，当有一些比较重要的数据时，如手机号、登录密码、网银账号等，为了安全考虑必须手动输入，因此在这些表单文本域，通常是设置为禁止粘贴的。

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航