ios实现点击复制文字到剪贴板

最新推荐文章于 2024-08-20 21:22:20 发布

、不知不觉、

最新推荐文章于 2024-08-20 21:22:20 发布

阅读量1.6w

点赞数

分类专栏： javascript html5

本文链接：https://blog.csdn.net/u010394015/article/details/54943908

版权

本文介绍了如何在iOS移动端实现点击事件触发文字复制到剪贴板的功能。通过HTML和JavaScript代码示例，展示了具体实现过程。需要注意的是，此方法在Android上可能不适用，且在iOS中若遇到问题，可能需要检查CSS的兼容性。

摘要由CSDN通过智能技术生成

移动端点击复制文字到剪贴板：

html代码：

<span id="data">复制我到剪贴板</span>
<button class="button" type="button" id="button">点击复制</button>

复制文字的代码需要放在点击事件中

js代码：

$("#button").click(function(){
		if (navigator.userAgent.match(/(iPhone|iPod|iPad);?/i)) { //ios
			var copyDOM = document.querySelector('#data');  //要复制文字的节点  
			var range = document.createRange();    
			// 选中需要复制的节点  
			range.selectNode(copyDOM);  
			// 执行选中元素  
			window.getSelection().addRange(range);  
			// 执行 copy 操作  
			var successful = document.execCommand('copy');    
			try {    
				var msg = successful ? 'successful' : 'unsuccessful'; 
				
				console.log('copy is' + msg);    
			} catch(err) {