JS操作浏览器剪切板内容

$('#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 ο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 阻止了粘贴这一行为。在实际应用中,当有一些比较重要的数据时,如手机号、登录密码、网银账号等,为了安全考虑必须手动输入,因此在这些表单文本域,通常是设置为禁止粘贴的。


  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值