JS中剪贴板兼容性、判断复制成功或失败


Posted in Javascript onMarch 09, 2021
 <input id="Input" type="text" value="" readonly/>
 <a  id="copyBtn">复制链接</a>
$("#copyBtn").off('click').on('click',function(){
	var link = document.getElementById("Input");
	var userAgent = navigator.userAgent;
	var isOpera = userAgent.indexOf("Opera") > -1;
	if (userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1 && !isOpera) {
		window.clipboardData.setData("Text", link.value);
		// 判断是否复制成功,
	    //ie下在点复制按钮之后,有是否禁用剪贴板选项,选择禁用即为失败
		if(window.clipboardData.setData("Text", link.value)){
			alert('复制成功!');
		}else{
		   alert('复制失败!');
		}
	} else {
		link.select();
		document.execCommand("Copy");
		alert('复制成功!');

	}
});

 

Javascript 相关文章推荐
JS清除字符串中重复值的实现方法
Aug 03 Javascript
AngularJS service之select下拉菜单效果
Jul 28 Javascript
Vue中的ref作用详解(实现DOM的联动操作)
Aug 21 Javascript
vue中使用cropperjs的方法
Mar 01 Javascript
基于node搭建服务器,写接口,调接口,跨域的实例
May 13 Javascript
详解组件库的webpack构建速度优化
Jun 18 Javascript
node.js使用redis储存session的方法
Sep 26 Javascript
如何手动实现es5中的bind方法详解
Dec 07 Javascript
微信小程序如何使用云开发
May 17 Javascript
微信小程序事件流原理解析
Nov 27 Javascript
借助云开发实现小程序短信验证码的发送
Jan 06 Javascript
koa2 数据api中间件设计模型的实现方法
Jul 13 Javascript
JS 容错处理代码, 屏蔽错误信息
Mar 09 #Javascript
JAVASCRIPT 对象的创建与使用
Mar 09 #Javascript
JS JavaScript获取Url参数,src属性参数
Mar 09 #Javascript
JS 统计时间
Mar 09 #Javascript
JavaScript延迟加载
Mar 09 #Javascript
javaScript - 如何引入js代码
Mar 09 #Javascript
QQ登录简单实现代码
Mar 09 #Javascript
You might like
PHP输出缓冲控制Output Control系列函数详解
2015/07/02 PHP
基于thinkPHP框架实现留言板的方法
2016/10/17 PHP
php查询及多条件查询
2017/02/26 PHP
laravel5.4利用163邮箱发送邮件的步骤详解
2017/09/22 PHP
php实现微信发红包功能
2018/07/13 PHP
JS判断、校验MAC地址的2个实例
2014/05/05 Javascript
jQuery在ul中显示某个li索引号的方法
2015/03/17 Javascript
jQuery实现360°全景拖动展示
2015/03/18 Javascript
JS实现DIV容器赋值的方法
2015/12/14 Javascript
基于BootStrap Metronic开发框架经验小结【一】框架总览及菜单模块的处理
2016/05/12 Javascript
浅谈javascript中的加减时间
2016/07/12 Javascript
Bootstrap基本组件学习笔记之缩略图(13)
2016/12/08 Javascript
react.js组件实现拖拽复制和可排序的示例代码
2018/08/20 Javascript
vue左侧菜单,树形图递归实现代码
2018/08/24 Javascript
vue+axios+element ui 实现全局loading加载示例
2018/09/11 Javascript
vue和better-scroll实现列表左右联动效果详解
2019/04/29 Javascript
node Buffer缓存区常见操作示例
2019/05/04 Javascript
vue实现的上拉加载更多数据/分页功能示例
2019/05/25 Javascript
js利用iframe实现选项卡效果
2020/08/09 Javascript
[52:29]DOTA2上海特级锦标赛主赛事日 - 2 胜者组第一轮#3Secret VS OG第三局
2016/03/03 DOTA
[02:36]DOTA2上海特锦赛 回忆电竞生涯的重要瞬间
2016/03/25 DOTA
Django使用httpresponse返回用户头像实例代码
2018/01/26 Python
浅谈python 导入模块和解决文件句柄找不到问题
2018/12/15 Python
Pyspark获取并处理RDD数据代码实例
2020/03/27 Python
基于keras中的回调函数用法说明
2020/06/17 Python
详解Django自定义图片和文件上传路径(upload_to)的2种方式
2020/12/01 Python
详解用 python-docx 创建浮动图片
2021/01/24 Python
canvas与html5实现视频截图功能示例
2016/12/15 HTML / CSS
行政总经理岗位职责
2013/12/05 职场文书
寄语十八大感言
2014/02/07 职场文书
《赶海》教学反思
2014/04/20 职场文书
开展创先争优活动总结
2014/08/28 职场文书
给numpy.array增加维度的超简单方法
2021/06/02 Python
vue中的可拖拽宽度div的实现示例
2022/04/08 Vue.js
MySQL 外连接语法之 OUTER JOIN
2022/04/09 MySQL
Python实现简单得递归下降Parser
2022/05/02 Python