>  기사  >  웹 프론트엔드  >  jQuery 기반의 입력 상자는 커서 위치에 내용을 삽입하고 _jquery를 선택합니다.

jQuery 기반의 입력 상자는 커서 위치에 내용을 삽입하고 _jquery를 선택합니다.

WBOY
WBOY원래의
2016-05-16 18:00:031062검색
코드 복사 코드는 다음과 같습니다.

//
//사용방법
//$ (텍스트 필드 선택기).insertContent("InsertContent");
//$(텍스트 필드 선택기).insertContent("InsertContent", value) //다음을 기준으로 삽입된 텍스트 내용의 양쪽을 선택합니다. Border 값, 값: 0은 삽입된 모든 텍스트가 선택되었음을 의미하고, -1은 삽입된 텍스트의 양쪽에서 문자가 하나 덜 선택되었음을 의미합니다.
//
//커서 위치에 내용을 삽입하고
(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; 인수.길이 == 2) {
var l = $t.value.length;
sel.moveEnd("character", wee t)
t <= 0 ? 문자", 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; .focus();
}
}
})
})(jQuery);
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.