如何知道闪烁的管道字符在字符串中的哪个位置？

Question

我想知道按键时是否有可能知道输入值在哪个位置。

假设我有一个文本字段。

<input id="name" type="text">

如果右箭头键仅在字符串的末尾被按下，我想要一些东西，如果左箭头键在它们的开头被按下，我想要别的东西输入值。我希望能够做到这样：

$("#name").keyup( function(e) {
    if( e.which === 37 ) { // left
         if( isAtBeginningOfInputValue ) {
             // Do something
         }
    } else if( e.which === 39 ) { // right
         if( isAtEndOfInputValue ) {
             // Do something else
         }
    }
});

这可能吗？

Answer 1

这个闪烁的瘦的正确术语是caret

这里有一个获取 textarea-elements 的函数

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);

}