100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > h5实现一键复制到粘贴板 兼容iOS

h5实现一键复制到粘贴板 兼容iOS

时间:2020-08-25 12:57:19

相关推荐

h5实现一键复制到粘贴板 兼容iOS

copyText = (text) => {// 数字没有 .length 不能执行selectText 需要转化成字符串const textString = text.toString();let input = document.querySelector('#copy-input');if (!input) {input = document.createElement('input');input.id = "copy-input";input.readOnly = "readOnly"; // 防止ios聚焦触发键盘事件input.style.position = "absolute";input.style.left = "-1000px";input.style.zIndex = "-1000";document.body.appendChild(input)}input.value = textString;// ios必须先选中文字且不支持 input.select();selectText(input, 0, textString.length);console.log(document.execCommand('copy'), 'execCommand');if (document.execCommand('copy')) {document.execCommand('copy');alert('已复制到粘贴板');}input.blur();// input自带的select()方法在苹果端无法进行选择,所以需要自己去写一个类似的方法// 选择文本。createTextRange(setSelectionRange)是input方法function selectText(textbox, startIndex, stopIndex) {if (textbox.createTextRange) {//ieconst range = textbox.createTextRange();range.collapse(true);range.moveStart('character', startIndex);//起始光标range.moveEnd('character', stopIndex - startIndex);//结束光标range.select();//不兼容苹果} else {//firefox/chrometextbox.setSelectionRange(startIndex, stopIndex);textbox.focus();}}};// 复制文字// 必须手动触发 点击事件或者其他事件,不能直接使用js调用!!!copyText('h5实现一键复制到粘贴板 兼容ios')/*兼容性补充:移动端:安卓手机:微信(chrome)和几个手机浏览器都可以用。 苹果手机:微信里面和sarafi浏览器里也都可以, PC:sarafi版本必须在10.2以上,其他浏览器可以.兼容性测试网站:/*/

.

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。