Home >Web Front-end >JS Tutorial >The input box based on jQuery inserts content at the cursor position and selects _jquery

The input box based on jQuery inserts content at the cursor position and selects _jquery

WBOY
WBOYOriginal
2016-05-16 18:00:031088browse
Copy code The code is as follows:

//
//How to use
//$ (Text field selector).insertContent("InsertContent");
//$(Text field selector).insertContent("InsertContent", value); //Select both sides of the inserted text content based on the value Border, value: 0 means all inserted text is selected, -1 means one less character is selected on both sides of the inserted text.
//
//Insert content at the cursor position and select
(function($) {
$.fn.extend({
insertContent: function(myValue, t) {
var $t = $(this)[0];
if (document.selection) { //ie
this.focus();
var sel = document.selection.createRange();
sel.text = myValue;
this.focus();
sel.moveStart('character', -l);
var wee = sel.text.length;
if ( arguments.length == 2) {
var l = $t.value.length;
sel.moveEnd("character", wee t);
t <= 0 ? sel.moveStart(" character", wee - 2 * t - myValue.length) : sel.moveStart("character", wee - t - myValue.length);
sel.select();
}
} 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;
if (arguments.length == 2) {
$ t.setSelectionRange(startPos - t, $t.selectionEnd t);
this.focus();
}
}
else {
this.value = myValue;
this .focus();
}
}
})
})(jQuery);
Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn