2013-05-08 2 views
3

자바 스크립트를 사용하여 HTML 내에서 탭과 백 탭 (Shift + Tab 키)을 사용할 수있는 라이브러리 또는 솔루션이 있습니까?Textarea의 탭과 백탭

인터넷에서 일부 솔루션을 찾았지만 Backtabs (Shift + Tab)를 다루는 솔루션이 없습니다.

도움 말?

+0

키보드 단축키를 연결한다는 의미입니까? 이 도움이 될만한 것이 있습니까? https://github.com/jeresig/jquery.hotkeys? – thebreiflabb

답변

1

텍스트 영역에 탭을 추가하는 것은 쉽습니다. '\t'을 추가하기 만하면됩니다. Shift-Tab을 생각할 때, 그 캐릭터를 자신의 권리라고 생각하지 마십시오. Shift 키를 누른 상태에서 탭 버튼 일뿐입니다. 탭 버튼을 눌렀을 때 Shift 키가 눌려 졌는지 확인하고, 그렇다면 내용 (아마도 커서 왼쪽에 있음)에 따라 텍스트 영역의 내용을 처리합니다.

좋은 예가 jQuery here에서 이루어졌으며 텍스트 캐럿 주위에서 텍스트를 가져 오는 방법에 대한 적절한 설명은 here입니다.

Here's a demo (즉, 실제 현장에서 사용하기 전에 청소를해야합니다!)

참고 : 나는 원래 지점으로 다시 캐럿 위치를 설정 귀찮게 적이 없다 - 그냥 두드리는 소리에 집중 위의 링크에서 데모.

+0

입력 요소에 대한 DOM 이벤트를 알고 있습니다. 나는 그것에 아무런 문제가 없다. 필요한 것은 이것을 찾고 구현하는 것입니다 : appending- 현재 위치에''\ t " 's를 추가하고 Shift + Tab togther를 누르면'\ t"s'을 추론합니다. –

+0

예, 그게 제가 얻었던 것입니다. 이러한 링크를 사용하면 정확하게 할 수 있습니다. 내가 공유 한 링크의 메소드를 사용하여 내가 무엇을 의미하는지 확인할 수있는 매우 빠른 바이올린 데모를 추가했습니다. – LeonardChallis

+0

위대한 해결책이지만, 최종 메모 위치를 끝내시기 바랍니다 (메모에 언급 된대로)? 고맙습니다. –

2

필자는 HTML 텍스트 영역 요소에 Tab 및 Shift + Tab 기능을 추가하는 작은 JavaScript 라이브러리를 작성했습니다. 탭 오버라이드라고합니다. 데모를 http://wjbryant.github.io/taboverride/에서 시험해 볼 수 있습니다. 의존성은 없지만 jQuery를 사용하는 경우 편의를 위해 jQuery wrapper plugin을 사용할 수 있습니다.