JS事件類型:1.鼠標(biāo)事件棍鳖;2.鍵盤事件职车;3.HTML事件
事件處理函數(shù)兩部分組成:on+事件名稱。
一鹊杖、鼠標(biāo)事件
click:單擊
dblclick:雙擊
mousedown:鼠標(biāo)按下
mouseup:鼠標(biāo)抬起
mouseover:鼠標(biāo)移入(冒泡)
mouseenter:鼠標(biāo)移入(不參與冒泡)
mouseout:鼠標(biāo)移出(冒泡)
mouseleave:鼠標(biāo)移出(不參與冒泡)
mousemove:鼠標(biāo)移動(dòng)
function myClick() {
console.log("單擊");
}
function myDBClick() {
console.log("雙擊");
}
function myMouseDown() {
console.log("鼠標(biāo)按下");
}
function myMouseUp() {
console.log("鼠標(biāo)抬起");
}
function myMouseOver() {
console.log("鼠標(biāo)移入");
}
function myMouseEnter() {
console.log("鼠標(biāo)移入不冒泡")
}
function myMouseOut() {
console.log("鼠標(biāo)移出")
}
function myMouseLeave() {
console.log("鼠標(biāo)移出不冒泡")
}
function myMouseMove() {
console.log("鼠標(biāo)移動(dòng)!")
}
二扛芽、鍵盤事件
keydown:按鍵按下
keyup:按鍵抬起
keypress:按鍵按下抬起
三骂蓖、HTML事件
load:文檔加載完成
select:被選中的時(shí)候
change:內(nèi)容被改變
focus:得到光標(biāo)
resize:窗口尺寸變化
scroll:滾動(dòng)條移動(dòng)
window.onload = function () {
//寫入js(避免因頁面未加載完引起的js報(bào)錯(cuò)不執(zhí)行)
};