js操作剪切板的内容,兼容ie、chrome、firefox

本文介绍了如何在JavaScript中处理复制、粘贴和剪切事件,以及如何操作剪切板内容。在IE中,可通过window.clipboardData对象访问剪切板,而Chrome和Firefox则使用event.clipboardData。此外,还提到了一个用于剪切板操作的clipboard.js插件。
摘要由CSDN通过智能技术生成

一、复制粘贴和剪切事件

IE,firefox,chrome浏览器都有剪切板事件( ClipboardEvent):oncopy复制,onpaste粘贴,oncut剪切.

当需要禁止这些行为时,只需要在这些绑定事件中return false;即

<input  oncopy = "return false;"/>
<input  onpaste = "return false;"/>
<input  oncut = "return false;"/>

二、操作剪切板

在复制粘贴事件处理中,很多时候我们都需要操作剪切板的内容,剪切板是系统层面的东西,JS如何操作剪切板?

1.IE下,直接支持一个window.clipboardData对象,通过这个对象可以访问到粘贴板中内容。

2.chrome和firefox,在oncopy/onpaste/oncut事件对象event中有一个clipboardData对象,而在IE的事件中是没有这个对象的

关于这个对象,官方是这样介绍的:

ClipboardEvent.clipboardData 属性保存了一个 DataTransfer 对象,这个对象可用于:

  • 描述哪些数据可以由 
  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值