event.altKey
기능: 이벤트 발생 시 Alt 키가 눌렸는지 감지합니다.
구문: event.altKey
값: 참 |
설명하다:
altKey 속성은 이벤트가 발생할 때 Alt 키를 눌렀다가 누르고 있었음을 나타내려면 true이고, Alt 키를 누르지 않았음을 나타내려면 false입니다.
altKey 속성은 마우스나 키보드와 함께 사용할 수 있으며 주로 일부 바로가기 작업을 만드는 데 사용됩니다.
event.ctrl키
기능: 이벤트 발생 시 Ctrl 키가 눌렸는지 감지합니다.
구문: event.ctrlKey
값: 참 |
설명하다:
ctrlKey 속성이 true이면 이벤트 발생 시 Ctrl 키를 눌렀다는 의미이며, false이면 Ctrl 키가 눌리지 않았음을 의미합니다.
ctrlKey 속성은 마우스나 키보드와 함께 사용할 수 있으며 주로 일부 바로가기 작업을 만드는 데 사용됩니다.
event.shiftKey
기능: 이벤트 발생 시 Shift 키가 눌렸는지 감지합니다.
구문: event.shiftKey
값: 참 |
설명하다:
ShiftKey 속성이 true이면 이벤트 발생 시 Shift 키를 눌렀다가 유지했다는 의미이며, false이면 Shift 키가 눌리지 않았음을 의미합니다.
ShiftKey 속성은 마우스나 키보드와 함께 사용할 수 있으며 주로 일부 단축키 작업을 만드는 데 사용됩니다.
실시예 1
결합 작업의 예.
다음과 같이 코드 코드를 복사합니다.
<input id="txt1" type="text" value="Hello World!" onclick="checkAlt(event)" />
<스크립트 유형="텍스트/자바스크립트">
함수 checkAlt(oEvent)
{
if(oEvent.altKey)
document.getElementById("txt1").select();
}
</script>
이 코드의 효과는 다음과 같습니다.
Alt 키를 누른 채 위의 텍스트 상자를 클릭하면 텍스트 상자의 텍스트를 선택할 수 있습니다.
실시예 2
결합 작업의 예.
다음과 같이 코드 코드를 복사합니다.
<input id="txt2" type="text" value="Hello World!" onclick="clearText(event)" />
<스크립트 유형="텍스트/자바스크립트">
함수clearText(oEvent)
{
if( oEvent.ctrlKey && oEvent.keyCode==46 )
document.getElementById("txt2").value = "";
}
</script>
이 코드의 효과는 다음과 같습니다.
위 텍스트 상자의 내용을 지우려면 "Ctrl+Del" 키 조합을 사용하십시오. (텍스트 상자에 먼저 초점을 맞춰야 합니다. 이 예는 IE 브라우저에만 적용됩니다.)
실시예 3
결합 작업의 예.
다음과 같이 코드 코드를 복사합니다.
<div id="box" onclick="setColor(event)"></div>
<스크립트 유형="텍스트/자바스크립트">
var b = 참;
함수 setColor(oEvent)
{
if( oEvent.shiftKey && b )
document.getElementById("box").style.BackgroundColor = "파란색";
if( oEvent.shiftKey && !b )
document.getElementById("box").style.BackgroundColor = "빨간색";
b =!b;
}
</script>
이 코드의 효과는 다음과 같습니다.
"Shift" 키를 누른 채 위의 색상 블록을 마우스로 클릭하면 색상 블록의 색상이 변경됩니다.