键盘事件

 键盘事件

onkeydown 按键按下事件

onkeypress 按键产生字符事件

onkeyup 按键弹起事件

e.keyCode 返回按键码

注意：注册事件时要加on，触发时不需要on

  // 获取文本框

        let txt = document.querySelector('#txt')

        // 获取按钮

        let btn = document.querySelector('#btn')

        //搜索按钮注册点击事件

        btn.onclick = function(){

            alert('正在搜索'+txt.value)

        }

        // 键盘按下事件

        txt.onkeydown = function(){

            console.log('键盘按下');

        }

        // 键盘产生字符

        txt.onkeypress = function(){

            console.log('按键产生字符');

        }

        // 键盘弹起事件

        txt.onkeyup = function(e){

            console.log('键盘弹起');

            //获取键盘编码

            let {keyCode} = e

            //判断是否是回车键

            if(keyCode===13){

                // onclick属性用于注册事件

                // click()方法用于执行事件

                btn.click()

            }

        }