다음으로 Jquery를 사용하여 포커스를 전환하는 Enter 키를 구현합니다. 이 코드는 일반 브라우저 IE7, IE8, Firefox 3, Chrome 2 및 Safari 4에서 테스트되었습니다. 사용된 개발 도구는 Microsoft VS2010 Jquery 프레임워크입니다 구현 단계는 다음과 같습니다 1. 먼저 Jquery 클래스 라이브러리를 참조하세요 2. 자바스크립트 코드 코드 복사 코드는 다음과 같습니다. <br> $(function () {<br> $('input:text:first').focus();<br> var $inp = $('input:text');<br> $ inp.bind('keydown', 함수(e) {<br> var key = e.which;<br> = $inp.index ( 이) 1;<br> $(":input:text:eq(" nxtIdx ")").focus();<br> /script> <br><br><br> <br>분석: <br>$('input:text:first').focus() <br> <br>페이지가 초기화되면 첫 번째 텍스트 상자에 초점이 맞춰집니다</div> var $inp = $('입력:텍스트') <p> <br>유형=텍스트 상자 요소의 모음</p> <p>$inp.bind('keydown', 함수 (e) {} </p> <p>'keydown' 이벤트를 텍스트 상자 컬렉션에 바인딩</p> <p>var 키 = e.which </p> <p>현재 누르고 있는 키 값을 가져옵니다. 예를 들어 Enter 키 값 = 13</p> <p>e.preventDefault() </p> <p>기본 동작이 발생하지 않도록 하고 다른 일이 발생하는 것을 방지할 수 있습니다. 여기서는 PostBack이 발생하는 것을 방지하고 대신 포커스를 전환합니다. 또 다른 유사한 방법은 js 이벤트가 버블링되는 것을 방지하는 stopPropagation입니다. </p>
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
