本文主要是介绍JS操作浏览器剪切板内容,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
当$('#input-signature')发生粘贴事件时获取剪切板上的内容
$('#input-signature').bind('paste',function(e){
var pastedText = undefined;
if (window.clipboardData && window.clipboardData.getData) { // IEpastedText = window.clipboardData.getData('Text');
} else {
pastedText = e.originalEvent.clipboardData.getData('Text');//e.clipboardData.getData('text/plain');
}
});
下面的例子演示了当选中的文字被复制时,会弹出一个信息提示框:
<html> <body> <p οncοpy="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" οnpaste="return false;" /> </body> </html>
在该例子中,利用 return false 阻止了粘贴这一行为。在实际应用中,当有一些比较重要的数据时,如手机号、登录密码、网银账号等,为了安全考虑必须手动输入,因此在这些表单文本域,通常是设置为禁止粘贴的。
这篇关于JS操作浏览器剪切板内容的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!