最近在做web前端的东西,所以看我最近的微博,可能前端东西总结的比较多。这篇文章主要针对一个点击视图复制文本的需求,我用div做的视图。下面上代码:
<div id="text" class="popup__bottom__text" οnclick="tapCopy()">职人鲨</div>
//复制文本 function tapCopy() { selectText('text'); document.execCommand('copy'); alert('复制成功'); }
//选中文本 function selectText(element) { var text = document.getElementById(element); //做下兼容 if (document.body.createTextRange) { //如果支持 var range = document.body.createTextRange(); //获取range range.moveToElementText(text); //光标移上去 range.select(); //选择 } else if (window.getSelection) { var selection = window.getSelection(); //获取selection var range = document.createRange(); //创建range range.selectNodeContents(text); //选择节点内容 selection.removeAllRanges(); //移除所有range selection.addRange(range); //添加range /*if(selection.setBaseAndExtent){ selection.setBaseAndExtent(text, 0, text, 1); }*/ } else { alert("复制失败"); } }