分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 前端开发

js中复制功能总结

发布时间:2023-09-06 02:00责任编辑:董明明关键词:js

目前copy主流有四种方式:ZeroClipboard,Clipboard.js,execCommand,setData,clipboardData

概况:

  ZeroClipboard 就是常说的Flash法,通过加载一个Flash,让其访问系统剪贴板来绕过绝大多数系统的权限限制,然而体积稍微庞大些

  Clipboard.js 近几年使用较多,体积相对小,兼容性可以接受,使用还比较方便。

  execCommand 新兴势力,safari等主流正在努力兼容,是个好东西。

  setData 太老。。一般不太用,基本只适合IE

兼容性:

  ZeroClipboard 兼容性最好,能全面兼容chrome/ FireFox/ IE/ 甚至Safari 这种“友好”的浏览器

  Clipboard.js和execCommand兼容性相似,兼容chrome/ FF/ IE>9/ Safari新版(不太懂Safari版本号如何算。。感觉15年以后的都可以)

  setData 仅IE

体积:

  ZeroClipboard 插件较大,230KB

  Clipboard.js 较小,4KB

  execCommand是document方法,不用插件直接搞

虽说体积有差,加载起来速度差不多的其实。。话说git好像就是用的ZeroClipboard

clipboardData对象     ,注意网页里剪贴板到现在只能设置Text类型,即只能复制文本
clearData("Text")清空粘贴板
getData("Text")读取粘贴板的值
setData("Text",val)设置粘贴板的值
当复制的时候body的oncopy事件被触发,直接return false就是禁止复制,注意是不能复制网页里的文本了
<body oncopy="alert(‘禁止复制!‘);return false;">
很多元素也有oncopy,onpaste事件

js中复制功能总结

原文地址:https://www.cnblogs.com/hongsusu/p/9200916.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved