목차
- event.which 예제 - 입력한 키보드키 번호 표시.
- event.which 정의
- event.which 구문
- 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>
결과보기