티스토리 뷰

javascript/web

textarea에 tab키 적용

댕댕이발🐾 2018. 5. 4. 23:56

textarea 을 옵션없이 기본생성하면 Tab키가 먹질 않는다. Tab키를 적용하기 위한 구문이다.


1
2
<textarea onkeydown="if(event.keyCode===9){var v=this.value,s=this.selectionStart,e=this.selectionEnd;this.value=v.substring(0, s)+'\t'+v.substring(e);this.selectionStart=this.selectionEnd=s+1;return false;}">
</textarea>
cs


기본 html textarea 에 이 구문을 주면 탭키가 적용된다. 참고로 pug 템플릿 엔진에서는 


1
textarea(onkeydown="if(event.keyCode===9){var v=this.value,s=this.selectionStart,e=this.selectionEnd;this.value=v.substring(0, s)+'\t'+v.substring(e);this.selectionStart=this.selectionEnd=s+1;return false;}")
cs


으로 사용해주면 된다. 

저작자표시

'javascript > web' 카테고리의 다른 글

textarea에서 엔터키 눌렀을 때 이벤트 동작하기  (0) 2018.07.11
javascript textarea 줄바꿈처리  (0) 2018.04.12
댓글