반응형
어떤 문자 키를 눌렀는지 확인하는 방법은 무엇입니까?
순수 자바 스크립트에서 브라우저 간 호환 방식으로 어떤 문자 키를 눌렀는지 알고 싶습니다.
"지우기"JavaScript :
<script type="text/javascript">
function myKeyPress(e){
var keynum;
if(window.event) { // IE
keynum = e.keyCode;
} else if(e.which){ // Netscape/Firefox/Opera
keynum = e.which;
}
alert(String.fromCharCode(keynum));
}
</script>
<form>
<input type="text" onkeypress="return myKeyPress(event)" />
</form>
JQuery :
$(document).keypress(function(event){
alert(String.fromCharCode(event.which));
});
여기에이 질문에 대한 백만 개의 중복이 있지만 어쨌든 여기에 다시 있습니다.
document.onkeypress = function(evt) {
evt = evt || window.event;
var charCode = evt.keyCode || evt.which;
var charStr = String.fromCharCode(charCode);
alert(charStr);
};
내가 본 주요 이벤트에 대한 가장 좋은 참조는 http://unixpapa.com/js/key.html 입니다.
더 최근에 더 깔끔하게 : event.key. 더 이상 임의의 숫자 코드가 없습니다!
node.addEventListener('keydown', function(event) {
const key = event.key; // "a", "1", "Shift", etc.
});
단일 문자 만 입력하려면 key.length === 1을 선택하거나 예상하는 문자 중 하나인지 확인하십시오 .
이것을 사용하십시오 :
function onKeyPress(evt){
evt = (evt) ? evt : (window.event) ? event : null;
if (evt)
{
var charCode = (evt.charCode) ? evt.charCode :((evt.keyCode) ? evt.keyCode :((evt.which) ? evt.which : 0));
if (charCode == 13)
alert('User pressed Enter');
}
}
**check this out**
<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$(document).keypress(function(e)
{
var keynum;
if(window.event)
{ // IE
keynum = e.keyCode;
}
else if(e.which)
{
// Netscape/Firefox/Opera
keynum = e.which;
}
alert(String.fromCharCode(keynum));
var unicode=e.keyCode? e.keyCode : e.charCode;
alert(unicode);
});
});
</script>
</head>
<body>
<input type="text"></input>
</body>
</html>
이 작업을 정교한 방식으로 수행하기 위해 제가 가장 좋아하는 라이브러리 중 하나는 Mousetrap 입니다.
It comes stocked with a variety of plugins, one of which is the record plugin which can identify a sequence of keys pressed.
Example:
<script>
function recordSequence() {
Mousetrap.record(function(sequence) {
// sequence is an array like ['ctrl+k', 'c']
alert('You pressed: ' + sequence.join(' '));
});
}
</script>
<button onclick="recordSequence()">Record</button>
Try:
<table>
<tr><td>Key:</td><td id="key"></td></tr>
<tr><td>Key Code:</td><td id="keyCode"></td></tr>
<tr><td>Event Code:</td><td id="eventCode"></td></tr>
</table>
<script type="text/javascript">
window.addEventListener("keydown", function (e) {
//tested in IE/Chrome/Firefox
document.getElementById("key").innerHTML = e.key;
document.getElementById("keyCode").innerHTML = e.keyCode;
document.getElementById("eventCode").innerHTML = e.code;
})
</script>*Note: this works in "Run code snippet"
This website does the same as my code above: Keycode.info
document.onkeypress = function(event){
alert(event.key)
}
참고URL : https://stackoverflow.com/questions/1846599/how-to-find-out-what-character-key-is-pressed
반응형
'Programming' 카테고리의 다른 글
| 파일을 grep하고 다음 5 줄을 얻는 방법 (0) | 2020.08.17 |
|---|---|
| 앵커 내부 스팬 또는 스팬 내부 앵커 또는 중요하지 않습니까? (0) | 2020.08.17 |
| git에서 gitignore 명령을 사용하는 방법 (0) | 2020.08.17 |
| ggplot은 외부에서 작동하지만 for 루프 내부에 있으면 작동하지 않습니다. [중복] (0) | 2020.08.17 |
| Git에서 분기 이름 전환 (0) | 2020.08.17 |