键盘事件:(一般用于表单和全局)
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();