缘多多
缘多多
  • 发布:2016-03-31 09:53
  • 更新:2016-04-07 14:26
  • 阅读:6828

关于移动端长按全选某区域文本功能

分类:HTML5+

这个问题应该属于H5的范畴,我想实现移动端长按某虚线框,把里面的字全选,达到简化复制步骤的效果,有哪位大大做过的?来看看,或说说思路。

2016-03-31 09:53 负责人:无 分享
已邀请:
缘多多

缘多多 (作者)

只找到了一个有点毛病的方法,贴出来大家看看,给点优化方案。
下面是Html部分:

    <span onclick="select();">  
                    快复制我  
                </span>

下面是js部分:

function select(){  
//  alert("11111");  
    var doc = document,     
        text = doc.getElementById("kwd"),    
        range,     
        selection;    
    if (doc.body.createTextRange) {   
//      alert("22222");  
        range = document.body.createTextRange();    
        range.moveToElementText(text);    
        range.select();    
    } else if (window.getSelection) {    
//      alert("33333");  
        selection = window.getSelection();            
        range = document.createRange();    
        range.selectNodeContents(text);    
        selection.removeAllRanges();    
        selection.addRange(range);     
    }else{    
//      alert("44444");  
        alert("当前浏览器不支持点击复制功能");    
    }  
}

目前这个方法,适用于iOS9以前的手机,9以后需要长按两次才能全部选取。

该问题目前已经被锁定, 无法添加新回复