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

[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 - columnSpan -
DOM_Style JS - columnWidth -
DOM_Style JS - content -
DOM_Style JS - counterIncrement -
DOM_Style JS - counterReset -
DOM_Style JS - cursor -
DOM_Style JS - direction 속성 - 텍스트방향 (= 텍스트진행방향 = direction속성 = 디렉션 속성)
DOM_Style JS - display 속성 ★ - 요소 표시 방법 설정/반환 (= display속성 = 디스플레이속성) 상…
DOM_Style JS - emptyCells -
DOM_Style JS - filter 속성 - 이미지필터효과 (= filter속성 = 필터속성) ※ 흑백이미지만들기
DOM_Style JS - flex -
DOM_Style JS - flexBasis -
DOM_Style JS - flexDirection -
DOM_Style JS - flexFlow -
DOM_Style JS - flexGrow 속성 - 동일컨테이너 안 나머지 플렉스아이템에 비해 얼마나 커질지 지정 (= 플렉스…
DOM_Style JS - flexShrink 속성 - 동일컨테이너 안 나머지 플렉스아이템에 비해 얼마나 줄어들지 지정 (= …
DOM_Style JS - flexWrap -
DOM_Style JS - cssFloat 속성 - ★ - 요소나란히 (= 요소한줄로 = 요소가로로 = 요소옆으로정렬 = 플로…
DOM_Style JS - font 속성 ★ - 글자스타일종합 (= font속성 = 글씨체 = 서체 = 글꼴 = 폰트속성, 상…
DOM_Style JS - fontFamily 속성 ★ - 폰트 종류 설정/반환. (= 글꼴 종류 = fontFamily속성 …
46/67
목록
찾아주셔서 감사합니다. Since 2012