今天给大家的说下dom中一些简单的事件用法
鼠标点击事件
div.onclick = function () {
console.log('我是鼠标点击，只能点击左键')
}
鼠标滑过事件
div.onmouseover = function () {
console.log('我是鼠标滑过')
}
鼠标离开事件
div.onmouseout = function () {
console.log('我是鼠标离开')
}
鼠标按下事件
div.onmousedown = function () {
console.log('我是鼠标按下，包括左右键')
}
我是鼠标移动事件
div.onmousemove = function () {
console.log('我是鼠标移动事件,可以在元素内随便的移动')
}
鼠标离开执行一次
div.onmouseleave = function(){
console.log('我是鼠标离开执行一次事件')
}
鼠标滑过执行一次
div.onmouseenter = function(){
console.log('我是鼠标滑过执行一次')
}
键盘抬起事件
键盘抬起,用window写,也可以在div里面输入一个input
div.onkeyup = function () {
console.log('我是键盘抬起事件');
}
键盘摁下
div.onkeydown = function () {
console.log('我是键盘摁下事件')
}
当表单元素的内容发生变化后触发
input.onchange = function () {
console.log('我是onchange事件');
}
当页面发生滚动时触发
window.onscroll = function () {
console.log('我是滚动触发事件');
}
当页面加载完成后调用（调用页面时把js写在里面）
window.onload = function(){
}
当元素失去焦点时触发（点下input框，在点出来，就完成了）
input.onblur = function(){
console.log('我是焦点')
}
