[css] 鼠标事件css的:hover和js的mouseover有什么区别？

JavaScript中鼠标事件有：

  onmouseover和onmouseout： 当鼠标移入和移出时触发事件

  onmousedown和onmouseup： 当鼠标按钮被按下或者松开时触发事件

  onclick和ondbclick ：当鼠标单击或者双击时触发事件

  onmousemover ：当鼠标移动时触发事件

  CSS：hover是css中的一种伪类选择器，指鼠标移入然后移出的过程，这个操作可以改变元素的样式，而且它相应的子类也被改变。但无法改变元素的内容。比如，鼠标经过实现弹出窗口的效果，它用的是onmousemove实现的，如果用hover则没办法做出这样的效果。

  总结：CSS只能改变元素的样式，无法改变元素的内容，如果要改变内容应该使用JavaScript鼠标事件onmouseover和onmouseout。所以只是为了样式效果，用CSS的伪类hover，如果需要动态改变，则选择js的事件。

个人简介

我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易，
但坚持一定很酷。欢迎大家一起讨论

主目录

与歌谣一起通关前端面试题