jquery keyup 예제

jQuery 키업() 메서드는 키업 이벤트에 대한 이벤트 처리기를 추가하거나 이벤트를 호출합니다. 키업 이벤트는 키보드의 키가 해제될 때 발생합니다. 아래 이벤트에서 입력 필드의 색상은 입력 한 후 단추를 놓는 즉시 변경 됩니다. 키보드의 키입니다. 따라서 keyup() 메서드를 사용하여 키보드에서 키가 해제되었는지 감지할 수 있습니다. 다음 예제에서는 메서드, 키 다운() 및 keyup()을 모두 사용합니다. 여기서는 두 개의 이벤트 처리기 함수가 있으며 첫 번째 이벤트 처리기 함수는 keydown() 메서드를 사용하여 입력 텍스트에 연결되고 두 번째 이벤트 처리기 함수는 keyup() 메서드를 사용하여 입력 텍스트 필드에 연결됩니다. 화면 캐스트 아래는 위의 jQuery 키업 예제를 보여 주며 있습니다. 위의 예에서 키가 위업되면 keyup() 메서드가 트리거되어 배경색을 빨간색으로 변경하는 함수를 실행합니다. jQuery 키업은 키보드 이벤트 방법 중 하나입니다.

다른 jQuery 키보드 이벤트 메서드는 키 다운() 및 키 누르기()입니다. jQuery 키업() 메서드는 키보드의 모든 버튼이 해제될 때 키업 이벤트를 트리거합니다. 이 메서드는 html 요소를 이벤트 처리기 함수에 연결 하 고 이 이벤트 처리기 함수는 키업 이벤트가 발생할 때 실행 됩니다. 키다운 이벤트의 반대로 생각할 수 있습니다. 출력: 키가 해제되기 전에: 이 스크린샷은 브라우저에서 페이지가 로드되고 페이지에서 활동이 수행되지 않는 경우에 수행됩니다. 입력 필드 내부에서 키를 누른 후: 이 스크린샷은 입력 필드 내부에서 키를 누른 후 촬영되며, 스크린샷에서 볼 수 있듯이 필드의 배경색이 녹색으로 변경됩니다. 색상을 녹색으로 변경하는 이 논리는 keydown() 메서드를 사용하여 입력 필드에 연결된 첫 번째 이벤트 처리기 함수 내부에 기록됩니다. 이 이벤트는 입력 필드에서 키를 누를 때 트리거됩니다. 입력 필드 내에서 키를 해제한 후: 이 스크린샷은 스크린샷에서 볼 수 있듯이 입력 텍스트 필드 내에서 키가 해제된 후 필드의 배경색이 노란색으로 변경됩니다.

색상을 노란색으로 변경하는 이 논리는 keyup() 메서드를 사용하여 입력 필드에 연결된 두 번째 이벤트 처리기 함수 내부에 작성됩니다. 이 이벤트는 입력 필드 내에서 키가 해제될 때 트리거됩니다. 사용자가 키보드에서 키를 해제할 때 키업 이벤트가 요소로 전송됩니다. 모든 요소에 연결할 수 있지만 이벤트는 포커스가 있는 요소로만 전송됩니다. 포커스가 있는 요소는 브라우저마다 다를 수 있지만 양식 요소는 항상 포커스를 얻을 수 있으므로 이 이벤트 유형에 적합한 후보가 될 수 있습니다. 여기서는 키다운 이벤트가 발생하면 입력 텍스트 필드의 배경 색을 녹색으로 변경하고 키업 이벤트가 발생하면 배경 색이 노란색으로 변경됩니다.

Comments are closed.