原生态js方法实现全选复制功能

2016年4月29日 MK JS 2 阅读 5627次

我的demo网站想做一个复制代码的功能，可是原生态的js只有ie下才能实现，其他浏览器都需要flash来实现复制功能，我又不想用flash，鼓捣了很久，不能复制，我起码能做一个全选的功能吧。

下面是复制的代码：

function selectCode(objid){
    var obj = document.getElementById(objid);
    obj.select();
}
function selectText(obj) {
    var text = obj;
    if (document.body.createTextRange) {
        var range = document.body.createTextRange();
        range.moveToElementText(text);
        range.select();
    } else if (window.getSelection) {
        var selection = window.getSelection();
        var range = document.createRange();
        range.selectNodeContents(text);
        selection.removeAllRanges();
        selection.addRange(range);
    } else {
        alert("none");
    }
}

这里可以预览效果：

代码预览

<textarea id="copy" rows="10" cols="50">这里是需要复制的内容，点击全选按钮看效果！</textarea> <p><button onclick="selectCode()">全选</button></p> <script type="text/javascript"> function selectCode(objid){ var obj = document.getElementById("copy"); obj.select(); } function selectText(obj) { var text = obj; if (document.body.createTextRange) { var range = document.body.createTextRange(); range.moveToElementText(text); range.select(); } else if (window.getSelection) { var selection = window.getSelection(); var range = document.createRange(); range.selectNodeContents(text); selection.removeAllRanges(); selection.addRange(range); } else { alert("none"); } } </script>

js, 全选, 原生

原生态JS的方法调用CLASS元素标签 原生态js实现ajax的get和post的方法介绍