jQuery

常用事件分类

基础事件：
    鼠标事件：
​
    键盘事件
    window窗口事件
    表单事件
复合事件：
    鼠标光标悬停
    鼠标连续点击

鼠标事件

方法	描述	执行时机
click()	触发或将函数绑定到指定的click事件	单击鼠标时
mouseover	触发或将函数绑定到直接定元素的mouseover事件	鼠标移过时
mouseout	触发或将函数绑定到直接定元素的mouseout事件	鼠标移出时
mouseenter	触发或将函数绑定到指定元素的mouseenter事件	鼠标指针移入时
mouseleave	触发或将函数绑定到指定元素的mouseleave事件	鼠标指针离开时

1.传统绑定事件与监听事件的区别

.addEventListener("事件类型不带on",function(){})

区别：

传统绑定事件只能执行一个函数

如果要用事件监听绑定多个函数的话

会一一执行

let button = document.getElementsByTagName("button");
button[0].onclick = function (ev){
    alert("我是1")
}
button[1].onclick = function (ev){
    alert("我是11")
}
button[1].addEventListener("click",function (ev){
    alert("我是2")
})
button[1].addEventListener("click",function (ev){
    alert("我是22")
})

空格定位搜索框

.focus()

let input = document.getElementsByTagName("input")
document.addEventListener("keyup",function (ad){
    if (ad.keyCode===32){
        input[0].focus()
    }
})