页面加载事件(onload),鼠标双击事件(ondbclick)
window.onload=function(){
//绑定元素,执行对应事件 鼠标双击(ondblclick)
//鼠标双击事件ondblclick
document.getElementById('d2').ondblclick=function(){
alert('我是双击显示的');
}
}
鼠标摁下(onmousedown)事件(摁下就执行,鼠标无需抬起)
window.onload=function(){
//绑定元素,执行鼠标按下操作 鼠标摁下(onmousedown)
document.getElementById('d3').onmousedown=function(){
alert('我是鼠标摁下提示');
}
}
鼠标抬起(onmouseup)事件(摁下后,鼠标回弹才执行)
window.onload=function(){
//绑定元素,执行鼠标抬起事件 鼠标抬起(onmouseup)
document.getElementById('d4').onmouseup=function(){
alert('鼠标抬起的提示');
}
}
鼠标移动(onmousemove)事件
window.onload=function(){
//绑定元素,执行鼠标移动事件 鼠标移动(onmousemove)
document.getElementById('d5').onmousemove=function(){
alert('鼠标移动的提示');
}
}
鼠标移入(onmouseover)事件
window.onload=function(){
//绑定元素,执行鼠标移入事件 鼠标移入(onmousemove)
document.getElementById('d6').onmouseover=function(){
alert('鼠标移入操作');
}
}
鼠标移出(onmouseout)事件
window.onload=function(){
//绑定元素,执行鼠标移出事件 鼠标移出(onmouseout)
document.getElementById('d7').onmouseout=function(){
alert('鼠标移出操作');
}
}
PS:鼠标移动(onmousemove)和鼠标移入(onmouseover)区别:移动事件指鼠标只要移动就产生事件,移入事件需要移入到指定的对象内才执行事件