在元素上使用 focus() 时我遇到了一些奇怪的问题。我需要将光标设置在单击的位置。我可以得到点击的位置,但我有点困惑,因为我不能在 focus() 事件中将它设置为这个位置。这是我的代码:
function modify(value, item_ID, attr_NAME, obj_name) {
var item_id = item_ID;
var attr_name = attr_NAME;
$('.ajax').html($('.ajax input').val());
$('.ajax').removeClass('ajax');
$(value).addClass('ajax');
$(value).html(
'<input id="editbox"' + ' type="text" value="' + $(value).text()
+ '"/>');
$('#editbox').focus(function(e) {
var pos = GetCaretPosition(this);
alert(pos);
});
$('#editbox').keydown(function(event) {
if (event.which == 13) {
$(document).attr('helpAttr', false);
confirmAction(this.value, item_id, attr_name, obj_name);
}
});
$('#editbox').blur(
function() {
if ($(document).attr('helpAttr')
|| ($(document).attr('helpAttr') == undefined)) {
confirmAction(this.value, item_id, attr_name, obj_name);
} else {
$(document).attr('helpAttr', true);
}
});
}
//Got this from the Internet
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);
}
对我来说奇怪的是,如果我使用 alert(pos) 光标将被放置在这个位置。是否有任何解决方案来删除警报,因为每次单击文本框时都会收到一个消息框是破坏性的。谢谢