VIP26/day13/js/4.事件.js

var box = document.querySelector(".box");
var box1 = document.querySelector(".box1");
var input = document.querySelector("#inp")
// 点击事件 onclick
// 双击事件 ondblclick
box.ondblclick = function() {
    console.log("双击事件");
}
box.onmousedown = function() {
    console.log("按下鼠标时触发事件");
}
box.onmouseup = function() {
    console.log("鼠标按下松开时所触发的事件");
}
box1.onmouseover = function() {
    console.log("当鼠标移动到某对象范围的上方时触发此事件");
}
box.onmousemove = function() {
    console.log("鼠标移动时候触发");
}
box.onmouseout = function() {
    console.log("鼠标移出时触发");
}
// 每一个function中都有其事件对象
input.onkeydown = function(event) {
    console.log(event.keyCode,"触发");
    if(event.keyCode == '13') {
        console.log("当前按键时回车键");
    }
}

input.onkeyup = function() {
    console.log("键盘抬起事件");
}

input.onkeypress = function() {
    console.log("键盘上的某个键被按下并且释放时触发此事件");
}