JavaScript nhận từ trước con trỏ

Question

Được rồi, tôi đã tìm kiếm trên toàn bộ web để tìm giải pháp nhưng tôi không thể tìm thấy giải pháp, có cách nào để lấy từ trước vị trí dấu mũ trong div có thể chỉnh sửa được không như:

This is some| demo texts 

Điều này sẽ trả về từ "một số" ... Tôi không biết nếu điều này là có thể, tôi sẽ rất vui vì được trợ giúp, cảm ơn :).

Answer 1

Khi sử dụng phương pháp trình tìm kiếm vị trí được cung cấp, hãy cung cấp here điều này sẽ làm những gì bạn muốn.

function GetCaretPosition(ctrl) { 
     var CaretPos = 0; // IE Support 
     if (document.selection) { 
      ctrl.focus(); 
      var Sel = document.selection.createRange(); 
      Sel.moveStart('character', -ctrl.value.length); 
      CaretPos = Sel.text.length; 
     } 
     // Firefox support 
     else if (ctrl.selectionStart || ctrl.selectionStart == '0') 
      CaretPos = ctrl.selectionStart; 
     return (CaretPos); 
    } 

    function getWordAtPos(s, pos) { 
     var preText = s.substring(0, pos); 
     if (preText.indexOf(" ") > 0 || preText.indexOf("\n") > 0) { 
      var words = preText.split(" "); 
      words = words[words.length - 1].split("\n"); 
      return words[words.length - 1]; //return last word 
     } 
     else { 
      return preText; 
     } 
    } 

    function AlertPrevWord() { 
     var text = document.getElementById("textArea"); 
     var caretPos = GetCaretPosition(text) 
     var word = ReturnWord(text.value, caretPos); 
     if (word != null) { 
      alert(word); 
     } 
    } 

Thực hiện

<input id="textArea" type="text" /> 
<br /> 
<input id="Submit" type="submit" value="Test" onclick="AlertPrevWord()" /> 

http://jsfiddle.net/arrwP/2/

Answer 2

Dưới đây là một phương pháp thô sử dụng Selection và Range đối tượng.

function getWord() { 
    var range = window.getSelection().getRangeAt(0); 
    if (range.collapsed) { 
     text = range.startContainer.textContent.substring(0, range.startOffset+1); 
     return text.split(/\b/g).pop(); 
    } 
    return ''; 
} 

Bạn có thể thấy nó hoạt động tại đây: http://jsfiddle.net/ggfFw/1/. Điều này sẽ không hoạt động trong IE. Nếu bạn cần xem xét hỗ trợ IE tại thư viện Rangy.