AngularJs 캡쳐 "tab"키 누르기

나는 angularJs v1에서 ngWig 플러그인으로 작업합니다.AngularJs 캡쳐 "tab"키 누르기

많은 질문을합니다. 각 질문마다 동일한 페이지에 여러 개의 질문이 있습니다.

"a"의 내용에서 다음 내용으로 이동하려면 "tab"키를 누르기를 원합니다. 실제로 구성 요소의 각 단추를 통해 탭 키를 누르면 (내 응용 프로그램에서 9) 때문에 텍스트 영역 내에서 마우스로 클릭해야합니다. 다음 예제를 보면서 "question 1", "question 2", "question 3"등으로 작성하십시오.

https://plnkr.co/edit/dInpEicp5I5p5D1Cnf5w?p=preview

<body> 
    <ng-wig ng-model="text1" class="ngwig-sm"></ng-wig> 
    <ng-wig ng-model="text2" class="ngwig-sm"></ng-wig> 
    <ng-wig ng-model="text3" class="ngwig-sm"></ng-wig> 
    <ng-wig ng-model="text4" class="ngwig-sm"></ng-wig> 
    <ng-wig ng-model="text5" class="ngwig-sm"></ng-wig> 
</body>

텍스트 영역에 텍스트 영역에서 이동하는 방법을 어떤 생각 ?

출처

2017-12-10 AlainIb

은 "결코 텍스트 영역에"그것은 실제로 당신이 – Lihini

은 예, 최신 플러그인 코드로 pluker 업데이트 제공 plunkr에서 영역을 텍스트로 이동합니다. 나는 그 질문을 편집 할 것이다. – AlainIb

집중력을 높이기 위해 탭 포커스를 단추에서 제거하지 않는 것이 좋습니다. 그러나 단추에서 탭 포커스를 제거하는 것이 확실한 경우 취할 수있는 방법이 있습니다.

가정 : Jquery를 종속성으로 사용했습니다.

var ngWigButtons = $('ng-wig .nw-button'); // query buttons inside ngWig 
for (var i=0, len=ngWigButtons.length; i<len; i++) { 
    ngWigButtons.eq(i).attr('tabindex', -1); // remove tab focus 
}

출처

2017-12-12 10:30:48 Lihini

답변

관련 문제