• 회원가입
  • 로그인
  • 구글아이디로 로그인

[DOM_Event] JS - shiftKey 속성 - Shift키 눌림여부반환 (= 시프트키코드)

shiftKey 예제 - 마우스이벤트 경우

 

<body onmousedown="homzzang(event)">


<script>

function homzzang(event) {

  if (event.shiftKey) {

    alert("SHIFT 키 눌림 O");

  } else {

    alert("SHIFT 키 눌림 X");

  }

}

</script>


</body>


결과보기

※ 웹문서 클릭 전 Shift 키가 눌렸는지 확인. 

 

 

shiftKey 예제 - 키보드이벤트 경우

 

<input type="text" onkeydown="homzzang(event)">


<p id="demo"></p>


<script>

function homzzang(event) {

  var x = document.getElementById("demo");

  if (event.shiftKey) {

    x.innerHTML = "SHIFT 키 눌림 O";

  } else {

    x.innerHTML = "SHIFT 키 눌림 X";

  }

}

</script>

 

결과보기

※ 키보드 입력 전 Shift 키가 눌렸는지 확인. 

 

 

shiftKey 정의

 

마우스이벤트・키보드이벤트 발생 시, Shift 키가 눌렸는지 여부 반환.

 


 

1.

읽기 전용.

 

2.

모든 브라우저 지원.

 

3.

DOM 레벨 2 이벤트

 

 

 

shiftKey 구문

 

event.shiftKey

 


 

[반환값]

마우스이벤트・키보드이벤트 때, Shift 키가 눌렸는지 반환.
TRUE : Shift 키 눌림 O

FALSE : Shift 키 눌림 X

 



분류 제목
DOM_Style JS - right -
DOM_Style JS - tableLayout 속성 - 테이블 셀, 행 및 열을 레이아웃 (= table-layout속성 =…
DOM_Style JS - tabSize -
DOM_Style JS - textAlign 속성 ★ - 텍스트 가로/수평 정렬 (= 텍스트 좌측정렬/중앙정렬/우측정렬 = 텍…
DOM_Style JS - textAlignLast -
DOM_Style JS - textDecoration -
DOM_Style JS - textDecorationColor 속성 - 텍스트라인색깔 (= 텍스트데커레이션컬러속성, IE지원X…
DOM_Style JS - textDecorationLine 속성 - 텍스트라인위치 (윗줄,밑줄 등..) (= 텍스트데커레이션…
DOM_Style JS - textDecorationStyle 속성 - 텍스트라인모양 (굵은선, 파선, 점선, 물결선 등) (…
DOM_Style JS - textIndent 속성 - 텍스트 들여쓰기/내어쓰기 (= textIndent속성 = 텍스트인덴트속…
DOM_Style JS - textJustify -
DOM_Style JS - textOverflow 속성 - 영역 벗어난 글자 처리 (= 영역이탈글자처리 = 텍스트오버플로속성 …
DOM_Style JS - textShadow 속성 - 글자그림자 (= text-shadow속성 = 글자음영 = 텍스트섀도, …
DOM_Style JS - textTransform 속성 - 텍스트 대소문자변환 (= textTransform속성 = 텍스트트…
DOM_Style JS - top -
DOM_Style JS - transform -
DOM_Style JS - transformOrigin -
DOM_Style JS - transformStyle -
DOM_Style JS - transition -
DOM_Style JS - transitionProperty -
50/67
목록
찾아주셔서 감사합니다. Since 2012