# All files / src/chap03 EventKey.js

0% Statements 0/4
0% Branches 0/4
0% Functions 0/2
0% Lines 0/4

Press n or j to go to the next uncovered block, b, p or k for the previous block.

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17

     export default function EventKey() {
      // Ctrl + q로 도움말 메시지 표시
      const handleKey = e => {
        if (e.ctrlKey && e.key === 'q') {
          alert('이름은 20자 이내로 입력해 주세요.');
        }
      };

      return (
        <form>
          <label>
            이름:
            <input type="text" size="20" onKeyDown={handleKey} />
          </label>
        </form>
      );
    }