html jQuery 光标位置,jquery实现在光标位置插入内容的方法

本文实例讲述了jquery实现在光标位置插入内容的方法。分享给大家供大家参考。具体实现方法如下：

无标题页

(function ($) {

$.fn.extend({

insertAtCaret: function (myValue) {

var $t = $(this)[0];

if (document.selection) {

this.focus();

sel = document.selection.createRange();

sel.text = myValue;

this.focus();

} else

if ($t.selectionStart || $t.selectionStart == '0')

{

var startPos = $t.selectionStart;

var endPos = $t.selectionEnd;

var scrollTop = $t.scrollTop;

$t.value = $t.value.substring(0, startPos) + myValue + $t.value.substring(endPos,$t.value.length);

this.focus();

$t.selectionStart = startPos + myValue.length;

$t.selectionEnd = startPos + myValue.length;

$t.scrollTop = scrollTop;

} else {

this.value += myValue;

this.focus();

}

}

})

})(jQuery);

$(document).ready(function () {

$("#numd").bind("mouseleave", function () {

document.getElementById('keybored').style.display = 'none';

document.getElementById('Nm').blur();

});

$("#Nm").focus(function () {

document.getElementById('keybored').style.display = '';

});

$(".readbtns").click(function () {

$("#Nm").insertAtCaret($(this).val());

});

});

id="keybored">

希望本文所述对大家的jQuery程序设计有所帮助。