jquery는 커서 position_jquery에 콘텐츠를 삽입하는 방법을 구현합니다.

이 문서의 예에서는 jquery가 커서 위치에 콘텐츠 삽입을 구현하는 방법을 설명합니다. 참고할 수 있도록 모든 사람과 공유하세요. 구체적인 구현 방법은 다음과 같습니다.

코드 복사 코드는 다음과 같습니다.

 
 
<머리> 
     
     
    <스크립트 유형="텍스트/자바스크립트"> 
        (함수($) { 
            $.fn.extend({ 
                insertAtCaret: 함수(myValue) { 
                    var $t = $(this)[0]; 
                    if (document.selection) { 
                        this.focus(); 
                        sel = document.selection.createRange(); 
                        sel.text = myValue; 
                        this.focus(); 
                    } 그 외 
                        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 = 스크롤탑; 
                        } 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(함수 () { 
                document.getElementById('keybored').style.display = ''; 
            }); 
            $(".readbtns").click(함수 () { 
                $("#Nm").insertAtCaret($(this).val()); 
            }); 
        }); 
     
 
<본문> 
   

 
       
•  
              <입력 /> 
             
   
             
   
         
 
   

 
     
     
         
       

            id="키보링">