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

[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 - fontSize 속성 - 글자크기 (= 폰트크기 = fontSize속성 = 폰트사이즈 속성)
DOM_Style JS - fontStyle 속성 - 글자모양 (= font-style속성 = 글씨체모양 = 글씨모양 = 글자…
DOM_Style JS - fontVariant 속성 - (소문자/보통) 크기의 대문자로 설정/반환.
DOM_Style JS - fontWeight 속성 - 글자굵기 (= font-weight속성 = 폰트굵기 = 글씨체굵기 =글…
DOM_Style JS - fontSizeAdjust -
DOM_Style JS - fontStretch -
DOM_Style JS - hangingPunctuation -
DOM_Style JS - height 속성 - 요소 높이 설정/반환 (= height속성 = 하이트속성) ※ 요소 세로길이 …
DOM_Style JS - hyphens -
DOM_Style JS - icon -
DOM_Style JS - imageOrientation -
DOM_Style JS - isolation -
DOM_Style JS - justifyContent 속성 - flex 항목 세로 정렬 설정/반환 (= justifyConte…
DOM_Style JS - left 속성 - 왼쪽기준 (= left속성 = 좌측기준 = 레프트속성, 상속 X)
DOM_Style JS - letterSpacing 속성 ★ - 글자 간격 반환/설정 ( 텍스트사이띄우기 = 문자 간격 = 글…
DOM_Style JS - lineHeight 속성 ★ - 텍스트라인높이 (= line-height속성 = 텍스트줄높이 = 글…
DOM_Style JS - listStyle -
DOM_Style JS - listStyleImage -
DOM_Style JS - listStylePosition -
DOM_Style JS - listStyleType 속성 - 리스트 마커 모양 (= listStyleType속성 / 리스트스타…
47/67
목록
찾아주셔서 감사합니다. Since 2012