onclick 当用户点击某个对象是调用的事件句柄 左键单击
aBox[0].οnclick=function(event){
console.log(“onclick事件”);
console.log(event);
}
//ondblclick 当用户双击某个对象是调用的事件句柄 左键双击
aBox[1].οndblclick=function(event){
console.log(“ondblclick事件”);
console.log(event);
}
//onmousedown 鼠标按钮被按下
aBox[2].οnmοusedοwn=function(event){
console.log(“onmousedown事件”);
console.log(event);
}
//onmouseup 鼠标按钮被松开
aBox[3].οnmοuseup=function(event){
console.log(“onmouseup事件”);
console.log(event);
}
//鼠标的移动事件
//onmouseover 鼠标指针移入到某个元素上 进入到子元素也会触发
aBox[4].οnmοuseοver=function(event){
console.log(“onmouseover事件”);
console.log(event);
}
//onmouseout 鼠标指针从某个元素上移出 进入到子元素也会触发
aBox[5].οnmοuseοut=function(event){
console.log(“onmouseout事件”);
console.log(event);
}
//onmouseenter 鼠标指针移入到某个元素上
aBox[6].οnmοuseenter=function(event){
console.log(“onmouseenter事件”);
console.log(event);
}
//onmouseleave 鼠标指针从某个元素上移出
aBox[7].οnmοuseleave=function(event){
console.log(“onmouseleave事件”);
console.log(event);
}
nmousemove 鼠标指针在某个元素上移动
aBox[8].οnmοusemοve=function(event){
console.log(“ommousemove事件”);
console.log(event);
}
//onmousewheel 鼠标滚轮事件 已废弃，现在使用onwheel替代
aBox[9].onmousewheel=function(event){
console.log(“onmousewheel事件”);
console.log(event);
}
//onwheel 鼠标滚轮事件
aBox[10].οnwheel=function(event){
console.log(“onwheel事件”);
console.log(event);
}
//oncontextmenu 当用户点击鼠标右键打开上下文菜单时触发
aBox[11].οncοntextmenu=function(event){
console.log(“oncontextmenu事件”);
console.log(event);
}
