二史飞、鼠標(biāo)事件
1. 鼠標(biāo)事件
// 點(diǎn)擊事件
onclick
// 雙擊事件
ondblclick
在兩次點(diǎn)擊事件后觸發(fā)
// 鼠標(biāo)右鍵點(diǎn)擊事件
oncontextmenu
// 鼠標(biāo)進(jìn)入事件
// onmouseover 比 onmouseenter 先執(zhí)行
onmouseenter
onmouseover
// 鼠標(biāo)離開事件
// onmouseout 比 onmouseleave 先執(zhí)行
onmouseleave
onmouseout
注意:如果元素里面存在子元素嗓违,鼠標(biāo)在元素中移動(dòng)時(shí)會(huì)反復(fù)觸發(fā) onmouseover 和 onmouseout
// 鼠標(biāo)移動(dòng)事件
onmousemove
// 鼠標(biāo)按下事件
onmousedown
// 鼠標(biāo)彈起事件
onmouseup
2.鼠標(biāo)事件小游戲
創(chuàng)建一個(gè)div
調(diào)整div里的樣式
使用計(jì)時(shí)器生成點(diǎn)
創(chuàng)建一個(gè)div元素添加類選擇器樣式
每個(gè)元素注冊(cè)點(diǎn)擊事件
將創(chuàng)建的div元素添加到body中
該定時(shí)器獲取點(diǎn)的數(shù)量,判斷游戲是否結(jié)束