键盘事件及小知识

键盘事件：（一般用于表单和全局）

onkeyup： 当键盘在某个HTML元素上弹起的时候触发（优先使用up）。

onkeydown：当键盘在某个HTML元素上按下的时候触发（如果按下不放手，会一直触发）。

onkeypress ： 键盘按下（只支持字符键）只产生字符后才触发。

document.onkeyup = function(){
    console.log("我是按下弹起触发的");
}
document.onkeydown = function(){
    console.log("我是按下不松手一直触发的");
}
document.onkeypress = function(){
    console.log("我只支持字符集，其他功能键我不管");
}

 针对某个键盘按下触发事件。

document.querySelector("#id").onkeyup = function(e){
if(e.keyCode === 13){
    方法()
    }
}

ES6解构：想要从对象当中取值就可以使用。

let {clientX,clientY} = event;
console.log(clientX, clientY);

监听事件绑定：捕获行为是从外到内，事件冒泡是由内到外。

取消冒泡(阻止事件传播)： e.stopPropagation();