可能重复:
如何在 textarea 中获取插入符号位置?
如果我在 html textarea 控件的任何位置键入 *,我需要获取 keyup 事件的当前位置,例如"Welcome* to jQuery"
. 所以我在欢迎之后有 * 意味着在第 8 位。让我知道是否有人可以帮助我。
可能重复:
如何在 textarea 中获取插入符号位置?
如果我在 html textarea 控件的任何位置键入 *,我需要获取 keyup 事件的当前位置,例如"Welcome* to jQuery"
. 所以我在欢迎之后有 * 意味着在第 8 位。让我知道是否有人可以帮助我。
这将起作用。(注意:带引号的是 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;
}
});