浏览器和手机的复制

小灰灰 2022-05-27 05:37 171阅读 0赞

以下代码可以实现 ， 传入文本即可，兼容 安卓 和 IOS ;

原理是 ：先添加节点 ，然后选择对象，执行复制，而 ios  要先执行选中操作 再复制，复制完后要移除选中  ，然后删除节点

function copyText(text){
    	    	var Url2 = text || '没复制上';
    		   	if (navigator.userAgent.match(/(iPhone|iPod|iPad);?/i)) {//区分iPhone设备  
    		    	var span = document.createElement('span');
    			        span.innerHTML = Url2;
    			        //span.style.display='none';
    			        span.id='copyTextSpan';
    			        document.body.appendChild(span);
    			    	window.getSelection().removeAllRanges();//这段代码必须放在前面否则无效  
    			        var range = document.createRange();  
    			        // 选中需要复制的节点  
    			        range.selectNode(span);  
    			        // 执行选中元素  
    			        window.getSelection().addRange(range);  
    			        // 执行 copy 操作  
    			        var successful = document.execCommand('copy');  
    
    			        // 移除选中的元素  
    			        window.getSelection().removeAllRanges(); 
    			        span.parentNode.removeChild(span);
    				    this.msg('复制成功');
    		    }else{
    		    	var oInput = document.createElement('input');
    		        oInput.value = Url2;
    		        document.body.appendChild(oInput);
    		        oInput.select(); // 选择对象
    		        document.execCommand("Copy"); // 执行浏览器复制命令
    		        oInput.className = 'oInput';
    		        oInput.style.display='none';
    		        oInput.parentNode.removeChild(oInput);
    		        this.msg('复制成功');
    		    }
    		    
    		}

发表评论取消回复

表情：

评论列表（有 0 条评论，171人围观）

还没有评论，来说两句吧...

相关阅读

相关手机浏览器查看控制台

html <script src="https://cdn.bootcss.com/vConsole/3.2.0/vconsole.min.js"></script>

Love The Way You Lie/ 2023年10月02日 15:31/ 0 赞/ 35 阅读

相关手机浏览器远程调试_如何调试远程浏览器

手机浏览器远程调试 It's super frustrating when bugs pop up only in a remote browser. Something a

红太狼/ 2023年02月21日 14:29/ 0 赞/ 42 阅读

相关 clipboard复制浏览器url

clipboard官方地址： [https://clipboardjs.com/][https_clipboardjs.com] <div class="ipho

左手的ㄟ右手/ 2022年11月09日 12:53/ 0 赞/ 287 阅读

相关判断手机浏览器还是桌面浏览器

目录（1）使用navigator.userAgent （2）使用window.matchMedia() （3）使用react-device-detect ------

古城微笑少年丶/ 2022年09月15日 15:53/ 0 赞/ 43 阅读

相关手机浏览器打开QQ聊天和群聊天

普通QQ mqqwpa://im/chat?chat_type=wpa&uin=${qq}&version=1&src_type=web&web_src=oicq

系统管理员/ 2022年08月31日 07:21/ 0 赞/ 290 阅读

相关浏览器和手机的复制

以下代码可以实现，传入文本即可，兼容安卓和 IOS ; 原理是：先添加节点，然后选择对象，执行复制，而 ios 要先执行选中操作再复制，复制完后要移除选中

小灰灰/ 2022年05月27日 05:37/ 0 赞/ 172 阅读

相关 JavaScript 复制浏览器地址

点击button 复制当前窗口的 url -------------------- html <button onclick="copyUrl()"></

一时失言乱红尘/ 2022年05月18日 02:58/ 0 赞/ 284 阅读

相关 JS判断手机浏览器

判断原理： JavaScript是前端开发的主要语言，我们可以通过编写JavaScript程序来判断浏览器的类型及版本。JavaScript判断浏览器类型一般有两种办法，一

た入场券/ 2022年04月10日 08:18/ 0 赞/ 356 阅读

相关从微信浏览器跳转到手机浏览器（ios和android）

在微信中点击网址，跳转到微信浏览器，点击跳转到浏览器，fir页面下载安装APP。点击按钮，右上角...打开，在浏览器打开。再点击按钮，然后跳转到fir.im去下载安装软件。

客官°小女子只卖身不卖艺/ 2022年03月29日 12:58/ 0 赞/ 608 阅读

相关 Mac使用Charles抓包工具——浏览器和手机App（华为手机）

前述前两天一个师兄推荐让我使用一下Charles抓包工具，说是必备技能，于是就去下载使用了一下这个被称为“青花瓷”的东西。正文 1. 下载 Ch

秒速五厘米/ 2021年11月10日 13:38/ 0 赞/ 955 阅读