'Web_Program/JavaScript'에 해당되는 글 1건
- 2008.10.06 Textarea박스에서 탭키 Tab 효과 주기
코리아인터넷닷컴에 예제를 응용하여 만들었습니다. -_-V
<HTML>
<HEAD>
<script src="http://prototypejs.org/javascripts/prototype.js" type="text/javascript"></script>
<SCRIPT>
function saveCurrentPos (objTextArea) {
if (objTextArea.createTextRange)
objTextArea.currentPos = document.selection.createRange().duplicate();
}
function tab_event(objTextArea){
var text=' ';
if(event.keyCode==9 && objTextArea.createTextRange){
var currentPos = objTextArea.currentPos;
currentPos.text = currentPos.text.charAt(currentPos.text.length - 1) == ' ' ? text + ' ' : text;
// Event.stop(event); //Prototype
/* tab Event 없애기 */
if(!window.Event){
var Event = new Object();
}
if(event.preventDefault){
event.preventDefault();
event.stopPropagation();
}else{
event.returnValue = false;
event.cancelBubble = true;
}
}
}
</SCRIPT>
</HEAD>
<BODY>
<FORM NAME="myForm">
<TEXTAREA NAME="myTextArea" ROWS="5" COLS="80" WRAP="soft"
ONSELECT="saveCurrentPos(this)"
ONCLICK="saveCurrentPos(this)"
ONKEYUP="saveCurrentPos(this)"
onkeydown="tab_event(this.form.myTextArea);"
>
이벤트 테스트~!!!!
</TEXTAREA>
</FORM>
</BODY>
</HTML>
