分享好友 最新资讯首页 最新资讯分类 切换频道
js复制内容到剪切板,兼容pc和手机端,支持Safari浏览器天翼云手机端「js复制内容到剪切板,兼容pc和手机端,支持Safari浏览器」
2025-02-12 23:44

最近,一些项目中用到监听用户复制。剪切的操作。

Javascript原生有一些事件:copy、paste、cut,

这些事件可以作用的目标元素:

   能获得焦点的元素 (如内容能编辑或者可以选中的元素),或者是

 

使用jQuery中的方法监听用户的剪切、复制、粘贴的行为:

这些行为包括使用键盘的ctrl + c操作,或者右击鼠标—>复制等操作。

Evevt.clipboardData 对象

clipboardData是JavaScript剪切板对象,该对象提供了3个常用方法:

  clearData():  clipboardData对象从剪切板删除一种或多种数据格式(一个参数:数据类型)

  getData():  clipboardData对象从剪切板获取指定格式的数据(一个参数:数据类型)

  setData():  clipboardData对象赋予指定格式的数据(两个参数:数据类型,要赋予的值)

  *数据类型一般为“"" ”

Evevt.clipboardData 对象兼容性问题

  经过尝试,clipboardData对象内兼容大部分px浏览器,像chrome,firefox、ie等,但是在手机端兼容性不是很好,

  目前clipboardData在ios上的safari浏览器无效,为解决移动端这个问题,我们引用一个js插件——clipboard.js

  clipboard.js依赖于HTML5推出的Selection API和execCommand API

  使用:

  在页面中引入

  使用clipboard.js的自定义属性

  

  高级用法

最新文章
都说谈得好?美伊冲破“零和博弈”困局没那么容易
△路透社报道截图(题图左为伊朗外长阿拉格齐,右为美国中东问题特使威特科夫)根据伊朗的介绍,此次谈判以间接方式进行,美伊代
纵览原创 | 4月8日起,宠物猫狗可以乘高铁!河北目前没有开通此项服务
河北日报见习记者 王晶晶有一个好消息!宠物猫狗可以乘坐高铁啦!还有一个不好的消息,河北上车的乘客现在还不能享受这个服务!
手机录音机 6.6.0617手机录音机「手机录音机 6.6.0617」
这款手机录音机APP集录音转文字、专业录音、音频剪切、文字合成配音等多种功能于一身,操作简便,音质清晰,能一边录音一边提取
新流星花园杉菜手机是什么牌子 同款手机品牌vivo了解一下这是什么牌子的手机「新流星花园杉菜手机是什么牌子 同款手机品牌vivo了解一下」
新流星花园第一集中,沈月刚出场,手机就被道明寺踩碎了,那么新流星花园杉菜手机是什么牌子呢?下面带来新流星花园杉菜同款手机
红魔9 Pro+怎么样 红魔9 Pro+体验评测手机看家「红魔9 Pro+怎么样 红魔9 Pro+体验评测」
当下的游戏手机市场,要说风光正红的,红魔绝对称得上顶流,尤其在上一代红魔8S Pro+发布以后,正面那块方方正正的全面屏给人留
小米手机的储存空间在那儿手机储存「小米手机的储存空间在那儿」
手机显示内存不足和用户使用的存储卡没有关系,这个一般是运存不足,可以卸载一些无用的软件来解决。1、卸载手机里用户自己安装
西城区第三届班主任节开幕 聚焦班主任职业幸福感
4月2日,北京市西城区第三届班主任节系列活动在北京小学开幕。今年的主题为“情怀、理性、智慧——做幸福的班主任”,活动期间将
手机没有声音怎么恢复正常手机没有声音了怎么办「手机没有声音怎么恢复正常」
“靡使归聘”的“靡”的意思是无法,没有。出自先秦佚名的《采薇》。原文节选:采薇采薇,薇亦作止。曰归曰归,岁亦莫止。靡室靡
视帝黎耀祥宴客曝光内地豪宅,与麦长青节目受欢迎,日子越来越好
编辑剧透社:小麦Shirley未经授权严禁转载,发现抄袭者将进行全网投诉近年来,不少TVB艺人都北上发展,连三届视帝黎耀祥也不例外
今天说说荣耀Magic v2v2手机「今天说说荣耀Magic v2」
今天来说说荣耀Magic V2,这款手机是荣耀品牌的一款折叠屏手机,于2023年7月12日发布。一、外观设计轻薄机身:荣耀Magic V2具备9