728x90
반응형
1. 기본
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Key Detection</title>
<script type="text/javascript" src="https://www.cornify.com/js/cornify.js"></script>
</head>
<body>
<script>
//unicon 을 입력하면 cornify_add() 실행
</script>
</body>
</html>2. 결과
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Key Detection</title>
<script
type="text/javascript"
src="https://www.cornify.com/js/cornify.js"
></script>
</head>
<body>
<script>
let keyArr = [];
window.onkeyup = function (e) {
console.log(e.key);
if (keyArr.length > 5) {
keyArr.shift();
}
keyArr.push(e.key);
console.log(keyArr);
if (keyArr.join("") == "unicon") {
cornify_add();
}
};
</script>
</body>
</html>3. 코드리뷰
shift()로 젤 앞의 배열 값 삭제 후 추가
728x90
반응형
'개발 > html, css, js' 카테고리의 다른 글
| [30일 챌린지 Day-15] LocalStorage (0) | 2022.08.11 |
|---|---|
| [30일 챌린지 Day-13] scroll event (0) | 2022.08.09 |
| [30일 챌린지 Day-10] shift 클릭 (0) | 2022.08.09 |
| [30일 챌린지 Day-8] 무지개 canvas (0) | 2022.08.09 |
| [JS] 쿠키와 세션 (0) | 2022.08.09 |