keydown

키보드 누르기


jquery keydown() 메서드 통사론

기능: 전체 키 누르기 과정은 두 부분으로 나뉩니다. 1. 키를 눌렀습니다. 2. 키를 뗍니다. 버튼을 누르면 keydown 이벤트가 발생합니다. keydown() 메서드는 keydown 이벤트를 트리거하거나 keydown 이벤트가 발생할 때 실행할 함수를 지정합니다. 문서 요소에 설정된 경우 이 이벤트는 해당 요소에 포커스가 있는지 여부에 관계없이 발생합니다. .which 속성을 사용하여 어떤 키를 눌렀는지 확인하세요(직접 시도해 보세요).

키다운 이벤트 구문 트리거: $(selector).keydown()

키다운 이벤트 구문에 함수 바인딩: $(selector).keydown(function)

매개변수:

매개변수설명
기능 선택사항. keydown 이벤트가 발생할 때 실행할 함수를 지정합니다.​

jquery keydown() 메서드 예

<html>
<head>
<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("input").keydown(function(){
    $("input").css("background-color","#FFFFCC");
  });
  $("input").keyup(function(){
    $("input").css("background-color","#D6D6FF");
  });
});
</script>
</head>
<body>
Enter your name: <input type="text" />
<p>当发生 keydown 和 keyup 事件时,输入域会改变颜色。请试着在其中输入内容。</p>
</body>
</html>
인스턴스 실행 »

온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요