티스토리 뷰

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


으로 사용해주면 된다. 

댓글
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
«   2025/05   »
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31
글 보관함