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

[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

 



분류 제목
Window_Object JS - scrollY 속성 - 오프셋부터 계산한 스크롤세로길이 (= pageYOffset 별칭) - (I…
Window_Object JS - window.self 속성 ★ - 현재창
Window_Object JS - status 속성 - 상태표시줄텍스트 (지원 X)
Window_Object JS - window.top 속성 ★ - 윈도우 최상위창 (= 윈도우탑 속성 = 윈도우톱 속성)
Window_Object JS - alert() 메서드 - 경고창 (= 얼럿창) 띄우기 ※ 경고창 띄운 후, 특정 페이지로 이동시키기…
Window_Object JS - atob() 메서드 - base-64 인코딩 문자열을 디코딩 (=암호해독) (IE10 이상)
Window_Object JS - blur() 메서드 - 포커스 해제/제거 (= blur메서드 = 블러메서드)
Window_Object JS - btoa() 메서드 - base-64로 문자열을 인코딩 (= 암호화) (IE10 이상)
Window_Object JS - clearInterval() 메서드 - setInterval()로 설정된 타이머 해제 (=일정시간간…
Window_Object JS - clearTimeout() 메서드 - setTimeout() 메소드로 설정된 타이머 비우기 (=일정…
Window_Object JS - close() 메서드 - 창닫기 (= 클로즈메서드 = 클로즈함수)
Window_Object JS - confirm() 메서드 ★ - 확인창 (= confirm메서드 = 컨펌메서드 = confirm함수…
Window_Object JS - focus() 메서드 ★ - 윈도우창 포커스 설정 (= focus메서드 = 포커스메서드)
Window_Object JS - getComputedStyle() 메서드 - 지정요소의 모든 스타일코드 얻기 (= CSS계산값 = …
Window_Object JS - getSelection() 메서드 - 사용자에 의해 선택된 텍스트 범위 나타내는 선택객체 (IE9)…
Window_Object JS - matchMedia() 메서드 ★ - 미디어쿼리리스트 객체 (MediaQueryList) 반환 (…
Window_Object JS - moveBy() 메서드 - 윈도우창 이동 (※ 현재위치기준해서 지정길이만큼 이동)
Window_Object JS - moveTo() 메서드 - 윈도우창 이동 (※ 지정위치로 이동 = 지정좌표로 이동)
Window_Object JS - open() 메서드 ★★★★★ - 팝업창 열기. (= open메서드 = 오픈메서드) + ( 새탭, …
Window_Object JS - print() 메서드 ★ - 윈도우창 인쇄하기 (= 프린트)
53/67
목록
찾아주셔서 감사합니다. Since 2012