JS获取文本框选中的值

原创 Laughing  2017-08-08 13:16  阅读 65 次 评论 0 条

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

绑定事件

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

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

使用

  1.       
  2. function GetSelectedText() {  
  3.     var selText = "";  
  4.     if (window.getSelection) {  // all browsers, except IE before version 9  
  5.         var sel = document.activeElement;  
  6.         if (sel.id =="BUSSINESSAPP-L-KT" && sel &&  
  7.             (sel.tagName.toLowerCase() == "textarea" ||  
  8.              (sel.tagName.toLowerCase() == "input" &&  
  9.               sel.getAttribute("type").toLowerCase() == "text"))) {  
  10.             var text = sel.value;  
  11.             selText = text.substring(  
  12.                 sel.selectionStart,  
  13.                 sel.selectionEnd  
  14.             );  
  15.         }  
  16.         else {  
  17.             var selRange = window.getSelection();  
  18.             selText = selRange.toString();  
  19.         }  
  20.     } else {  
  21.         if (document.getSelection) {  // all browsers, except IE before version 9  
  22.             range = document.getSelection();  
  23.             selText = range.toString();  
  24.         } else if (document.selection.createRange) { // IE below version 9  
  25.             var range = document.selection.createRange();  
  26.             selText = range.text;  
  27.         }  
  28.     }  
  29.     return selText;  
  30. }  
本文地址:https://www.lisen.me/js-to-obtain-the-value-of-the-selected-text-box.html
版权声明:本文为原创文章,版权归 木子网 所有,欢迎分享本文,转载请保留出处!

发表评论


表情