자바스크립트 / 12

 

 

 

 

 

 

 

 

 

- oninput : 키보드의 down+up (onclick의 키보드 버전)

 

- tabindex : 탭을 눌렀을때 인식하게하는?? html 태그 

 

 

    <canvas id="cs" tabindex="0"></canvas>
    
    this.#obj.onkeydown = this.keyDownHandler.bind(this);
    
    keyHandler(){
    console.log("키다운");
}

//이런식으로 사용할수 있다

 

 

- 키가 눌리는건 포커스를 가진 애만 가능하다

 

- 자스에서 '값을 대신하기 위한 상수 형태'는 전부 대문자로 써준다 ex)WEST

 

- 숫자가 다른의미를 갖고 있는걸 code(코드)라고 한다

 

 

        console.log(e.code); //소문자,대문자 구분 안함
        console.log(e.key); //소문자 대문자 구분 함
        console.log(e.keyCode); //키코드값인 숫자가 나옴(아스키코드)

 

            case 37:
                this.#boy.moveTo(4); //서쪽
                break;
            case 38:
                this.#boy.moveTo(1); //북쪽
                break;
            case 39:
                this.#boy.moveTo(2); 
                break;
            case 39:
                this.#boy.moveTo(3); 
                break;

 

 

 

    move(direction){
        switch(direction){
            case 4:
                this.#x--;
                break;
            case 1:
                break;    
        }
    }

 

 

---

 

 

 

 

 

✏️ guard clause

        if(!isMove){
            this.#walkIndex = 1;
            this.#walkDirection = 2;
            return;//함수 자체를 나오게함 else역할을 한다 > <guard clause>
        }