DOM操作四

鼠标事件的区别:

1.首先在盒子demo中添加一个button:
DOM操作四
DOM操作四
2.给demo做两组不同的鼠标事件:
DOM操作四
DOM操作四
第一个鼠标事件当经过(离开)红色区域会触发:
DOM操作四
而当鼠标经过(离开)蓝色区域只会显示移入离开不会显示
DOM操作四
第二种鼠标事件当经过(离开)蓝色区域会触发:

鼠标离开蓝色区域会打印离开
DOM操作四
所以两者的区别在于有无子集:(onmouseleave:当离开蓝色区域是不会触发;onmouseout:离开蓝色区域会触发)
DOM操作四

鼠标点击效果两者的区别:

DOM操作四
DOM操作四

DOM操作四
DOM操作四

鼠标右击

效果:
DOM操作四
DOM操作四
代码:
DOM操作四