커서 위치에 문자열을 삽입하는 구현 코드는 IE 및 Firefox_javascript 기술과 호환됩니다.

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

// 커서 위치에 문자열 삽입
// myField 텍스트 상자 객체
//삽입할 값
function insertAtCursor(myField, myValue)
{
//IE 지원
if (document.selection)
{
myField.focus();
sel = document.selection.createRange();
sel.text = myValue;
}
//MOZILLA/NETSCAPE 지원
else if (myField.selectionStart || myField.selectionStart == '0')
{
var startPos = myField.selectionStart;
var endPos = myField.selectionEnd
// 삽입 전에 scrollTop 저장
var RestoreTop = myField.scrollTop;
myField.value = myField.value.substring(0, startPos) myValue myField.value.substring(endPos,myField.value.length); if (restoreTop > 0)
{
// 이전 scrollTop 복원
myField.scrollTop = RestoreTop;
}
myField.focus()
myField.selectionStart = startPos myValue .length;
myField.selectionEnd = startPos myValue.length;
} else {
myField.value = myValue;
}
}


다음은 Script House 데모 코드입니다.

여기 아무 곳에나 마우스를 놓고 아래 버튼을 클릭해 효과를 테스트해 보세요 <form> <textarea id="demo" style="width:500px; height:300px"> <input type="button" onclick="insertAtCursor(document.getElementById('demo'),"脚本之家")" value="脚本之家" id="Button1"> <input type="button" onclick="insertAtCursor(document.getElementById('demo'),"jb51.net")" value="jb51.net" id="Button2">
[Ctrl A 모두 선택 참고: 외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다 ]