>  기사  >  웹 프론트엔드  >  js_javascript 스킬에서 통합 단축키/tabindex 기능을 설정하는 방법

js_javascript 스킬에서 통합 단축키/tabindex 기능을 설정하는 방법

WBOY
WBOY원래의
2016-05-16 17:13:141069검색

익숙한 붙여넣기 Ctrl v 및 복사 Ctrl C와 같이 일상생활에서 사용되는 단축키가 여전히 많이 있습니다. 특히 작업에 익숙해지고 다시 사용할 때 단축키를 사용하면 작업 효율성이 향상될 수 있습니다. 작업이 매우 편리하고 원활해집니다. 키보드를 많이 사용하는 경우 키보드가 항상 마우스보다 빠릅니다.

1) tabindex:

은 탭을 사용하여 페이지의 링크와 양식 요소를 쉽게 제어하는 ​​것입니다.
사용법은 매우 간단합니다. obj.tabindex = tabindex; w3c 규정에 따른 값은 0부터 시작하여 32767까지 가능합니다

2) js 조합 단축키 설정

핵심은 설정하려는 키의 keyCode 값을 가져오는 것입니다. Ctrl, Alt, Shift를 추가하려면 다음을 수행하세요. ctrlkey , altKey, ShiftKey를 추가하여 판단하므로 키는 키코드 값에 놓이게 됩니다

(1)
if (e.ctrlKey && e. keyCode == 13){
return submit();
}

(2) Alt 방향 키 설정 ←
if (e.altKey&& e.keyCode == 37){
return submit();
}

(3) Shift F10 설정
if (e.shiftKey&& e.keyCode == 37) {
return submit( );
}

4) 설정
제출
if (e.keyCode == 13){
반환 제출()
}

다음은 몇 가지 일반적인 단축키입니다.
keycode 8 = BackSpace BackSpace
keycode 9 = Tab Tab
keycode 12 = Clear
keycode 13 = Enter
keycode 16 = Shift_L
keycode 17 = Control_L
keycode 18 = Alt_L
keycode 19 = 일시정지
keycode 20 = Caps_Lock
keycode 27 = Escape Escape
keycode 32 = space space
keycode 33 = 이전
keycode 34 = 다음
keycode 35 = 종료
keycode 36 = 집
keycode 37 = 왼쪽
keycode 38 = 위
keycode 39 = 오른쪽
keycode 40 = 아래
keycode 41 = 선택
키코드 42 = 인쇄
키코드 43 = 실행
키코드 45 = 삽입
키코드 46 = 삭제
키코드 47 = 도움말
참고: 브라우저 호환성 질문

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.