今天給大家的說下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('我是鼠標移動事件,可以在元素內(nèi)隨便的移動')
}
鼠標離開執(zhí)行一次
div.onmouseleave = function(){
console.log('我是鼠標離開執(zhí)行一次事件')
}
鼠標滑過執(zhí)行一次
div.onmouseenter = function(){
console.log('我是鼠標滑過執(zhí)行一次')
}
鍵盤抬起事件
鍵盤抬起,用window寫,也可以在div里面輸入一個input
div.onkeyup = function () {
console.log('我是鍵盤抬起事件');
}
鍵盤摁下
div.onkeydown = function () {
console.log('我是鍵盤摁下事件')
}
當(dāng)表單元素的內(nèi)容發(fā)生變化后觸發(fā)
input.onchange = function () {
console.log('我是onchange事件');
}
當(dāng)頁面發(fā)生滾動時觸發(fā)
window.onscroll = function () {
console.log('我是滾動觸發(fā)事件');
}
當(dāng)頁面加載完成后調(diào)用(調(diào)用頁面時把js寫在里面)
window.onload = function(){
}
當(dāng)元素失去焦點時觸發(fā)(點下input框,在點出來,就完成了)
input.onblur = function(){
console.log('我是焦點')
}