明凯博客

关注网站技术,一个特立独行的程序员

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

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

下面是复制的代码:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
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");
    }
}

这里可以预览效果:

代码预览

, ,

相关文章

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注