js 复制功能

html

input写上readonly主要为了移动端选中复制时键盘不弹起

<input readonly  id="copy_text"  value="内容内容"/>
<span onclick="copy()">点我复制</span>

js

input.setSelectionRange(0, input.value.length);
主要是兼容移动端ios，ios用input.select()不能全选中文字

/* 复制 */
function copyTextToClipboard(input) {
    input.select();  //PC端复制
    //input.setSelectionRange(0, input.value.length); //ios移动端复制
    document.execCommand('copy', true);

    try {
       document.execCommand('copy');
       alert('复制成功');
    } catch (err) {
        alert('复制失败');
   }
}
function copy() {
    var inputText = document.getElementById('copy_text');
    copyTextToClipboard(inputText);
}