• Q&A
  • 회원가입
  • 로그인

[Event] JQ - event.which 속성 ★ - 이벤트 일으킨 (키보드키/마우스버튼) 번호 반환/확인. (= 이벤트.위치 속성)

234  
목차
  1. event.which 예제 - 입력한 키보드키 번호 표시.
  2. event.which 정의
  3. event.which 구문
  4. event.which 예제 - 클릭한 마우스버튼 번호 확인.

 

event.which 예제 - 입력한 키보드키 번호 표시.

 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

<script>

$(document).ready(function(){

  $("input").keydown(function(event){ 

    $("div").html("Key: " + event.which);

  });

});

</script>


이름 입력: <input type="text">

<div />

 

결과보기

 

event.which 정의

 

키보드(또는, 마우스)이벤트 발생 시,
어느 키보드키나 마우스 버튼이 눌러졌는지 반환.

 

 

event.which 구문

 

event.which

 


[매개변수]

 

event

필수. 이벤트에 바인딩 된 함수에서 가져옴.

 

 

event.which 예제 - 클릭된 마우스버튼 확인.

※ div 요소 안에서 마우스 버튼 클릭 시 번호 찍힘.

 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

<script>

$(document).ready(function(){

  $("div").mousedown(function(event){ 

    $("div").append("<br>Mouse button 번호: " + event.which);

  });

});

</script>


<style>

div {border:1px solid black;width:400px;height:400px;}

</style>


<div>

  <p>홈짱닷컴 Homzzang.com</p>

  <p>마우스 좌측 버턴 : 1</p>

  <p>마우스 중앙 버튼 : 2</p>

  <p>마우스 우측 버튼 : 3</p>

</div>

 

결과보기

 


찾아주셔서 감사합니다. Since 2012