首页 > SEO技术 > CSS:hover和JS:mouseover有什么区别?

CSS:hover和JS:mouseover有什么区别?

2020-01-13 12:01:17来自于云无限

  JS可以对 HTML 事件作出反应,mouse属于javascript里的,他可以触发js命令,当元素绑定一个事件,事件发生的时候,可以执行一段javascript代码。云无限网站建设就来为您简单介绍。

  JavaScript中鼠标事件有:

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

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

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

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

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

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


热门资讯