JS获取文本框选中的值

Laughing
2017-08-08 / 0 评论 / 1,059 阅读 / 正在检测是否收录...
温馨提示:
本文最后更新于2020年09月26日,已超过1574天没有更新,若内容或图片失效,请留言反馈。

最近项目上有一个需求,是获取文本框选择的内容的值。这个功能用JS实现其实还是比较简单的,绑定事件,获取对应的文本框值就可以了。

绑定事件

我们在窗体加载完成后,绑定一个事件mouseup事件

$(document).bind("mouseup", function(){  
       var text = GetSelectedText();  
       if (!(text == "" || text.indexOf(',') > -1 || text.length != 13)) {  
           alert(text);  
       }  
        
   });

使用

function GetSelectedText() {  
    var selText = "";  
    if (window.getSelection) {  // all browsers, except IE before version 9  
        var sel = document.activeElement;  
        if (sel.id =="BUSSINESSAPP-L-KT" && sel &&  
            (sel.tagName.toLowerCase() == "textarea" ||  
             (sel.tagName.toLowerCase() == "input" &&  
              sel.getAttribute("type").toLowerCase() == "text"))) {  
            var text = sel.value;  
            selText = text.substring(  
                sel.selectionStart,  
                sel.selectionEnd  
            );  
        }  
        else {  
            var selRange = window.getSelection();  
            selText = selRange.toString();  
        }  
    } else {  
        if (document.getSelection) {  // all browsers, except IE before version 9  
            range = document.getSelection();  
            selText = range.toString();  
        } else if (document.selection.createRange) { // IE below version 9  
            var range = document.selection.createRange();  
            selText = range.text;  
        }  
    }  
    return selText;  
}
0

评论 (0)

取消
  1. 头像
    11111
    MacOS · Google Chrome

    评论一下试试看

    回复
  2. 头像
    Allenlan
    Android · QQ Browser

    发表了评论还是不显示隐藏内容,难道是要等通过 [睡觉]

    回复