鼠标事件的区别:

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

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

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

DOM操作四
DOM操作四

DOM操作四
DOM操作四

鼠标右击

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

相关文章:

  • 2021-06-06
  • 2021-04-14
  • 2021-07-31
猜你喜欢
  • 2021-07-18
  • 2022-12-23
  • 2021-07-01
  • 2022-01-12
  • 2021-07-25
  • 2021-10-30
  • 2021-06-26
相关资源
相似解决方案