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

[DOM_Event] JS - ctrlKey 속성 - Ctrl키 눌림여부반환 (= 컨트롤키코드)

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

 

<body onmousedown="homzzang(event)">


<script>

function homzzang(event) {

  if (event.ctrlKey) {

    alert("CTRL 키 눌림 O");

  } else {

    alert("CTRL 키 눌림 X");

  }

}

</script>


</body>


결과보기

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

 

 

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

 

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


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


<script>

function homzzang(event) {

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

  if (event.ctrlKey) {

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

  } else {

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

  }

}

</script>

 

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

 

 

ctrlKey 정의

 

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

 


 

1.

읽기 전용.

 

2.

모든 브라우저 지원.

 

3.

DOM 레벨 2 이벤트

 

 

 

ctrlKey 구문

 

event.ctrlKey

 


 

[반환값]

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

FALSE : Ctrl 키 눌림 X

 



분류 제목
DOM_Style JS - borderTopRightRadius -
DOM_Style JS - borderTopStyle -
DOM_Style JS - borderTopWidth -
DOM_Style JS - borderWidth 속성 - 테두리두께 (= 보더위드스속성 = border-width속성) ★
DOM_Style JS - bottom 속성 - 기준하단 (= bottom속성 = 하단기준 = 아래기준 = 바텀속성 = 보텀속…
DOM_Style JS - boxDecorationBreak -
DOM_Style JS - boxShadow 속성 - 상자그림자 (= box-shadow속성 = 박스그림자 = 요소그림자 = …
DOM_Style JS - boxSizing 속성 - (박스너비 = 박스전체너비 =박스총너비) 결정방식 (= 박스사이징속성, …
DOM_Style JS - captionSide -
DOM_Style JS - clear 속성 ★ - float 해제후 줄바꿈 (= 클리어속성, clear속성, 상속 X)
DOM_Style JS - clip 속성 - 이미지 일부만 노출 (= 이미지 자르기 = clip속성 = 클립속성)
DOM_Style JS - color 속성 - 글자색깔 (=글자색상=글자색깔=글자컬러 = 텍스트색깔 = 컬러속성 = colo…
DOM_Style JS - columnCount -
DOM_Style JS - columnFill -
DOM_Style JS - columnGap -
DOM_Style JS - columnRule -
DOM_Style JS - columnRuleColor -
DOM_Style JS - columnRuleStyle -
DOM_Style JS - columnRuleWidth -
DOM_Style JS - columns -
45/67
목록
찾아주셔서 감사합니다. Since 2012