5

可能重复:
如何在 textarea 中获取插入符号位置?

如果我在 html textarea 控件的任何位置键入 *,我需要获取 keyup 事件的当前位置,例如"Welcome* to jQuery". 所以我在欢迎之后有 * 意味着在第 8 位。让我知道是否有人可以帮助我。

4

2 回答 2

5

这将起作用。(注意:带引号的是 8 点,否则是 7 点)

$("#tf").on('keyup', function(){
    console.log($(this).val().indexOf('*'));
});​

http://jsfiddle.net/Vandeplas/hc6ZH/

更新:具有多个 * 的解决方案

$("#tf").on('keyup', function(){
    var pos = [],
        lastOc = 0,
        p = $(this).val().indexOf('*',lastOc);

    while( p !== -1){
        pos.push(p);
        lastOc = p +1;
        p = $(this).val().indexOf('*',lastOc);
    }
    console.log(pos);
});​

http://jsfiddle.net/Vandeplas/hc6ZH/1/

更新:只给出你刚刚输入的 * char 的位置

(function ($, undefined) {
    $.fn.getCursorPosition = function() {
        var el = $(this).get(0);
        var pos = 0;
        if('selectionStart' in el) {
            pos = el.selectionStart;
        } else if('selection' in document) {
            el.focus();
            var Sel = document.selection.createRange();
            var SelLength = document.selection.createRange().text.length;
            Sel.moveStart('character', -el.value.length);
            pos = Sel.text.length - SelLength;
        }
        return pos;
    }
})(jQuery);

$("#tf").on('keypress', function(e){
    var key = String.fromCharCode(e.which);
    if(key === '*') {
        var position = $(this).getCursorPosition();
        console.log(position);
    } else {
        return false;
    }
});​

http://jsfiddle.net/Vandeplas/esDTj/1/

于 2012-10-09T07:43:56.690 回答
1

下面的链接帮助我使用 jQuery 本身解决了这个问题。

文本区域中的光标位置(字符索引,不是 x/y 坐标)

谢谢你们的努力。

于 2012-10-09T08:59:01.243 回答