js onmousemove和houver 的区别

JavaScript017

js onmousemove和houver 的区别,第1张

onmousemove是当鼠标在元素上面移动时触发的事件，hover则是当鼠标放在元素上（不管有没有移动）时元素的样式设定。前者是js，后者是css。hover只能设定元素的样式（大小、颜色、边框、字体等），而onmouseover可以运行几乎任何脚本代码，两者不可同日而语。如果你只是想当鼠标移到元素上时改变其属性，建议用hover，这样最简单、效率最高。如果是需要css无法胜任的复杂效果，则用onmousemove（但建议最好改用onmouseover与onmouseout的组合，原因自己去百度）。

一般都用jQuery写：简单方便。

$(selector).hover(handlerInOut) 。

等同于：$( selector ).on( "mouseover mouseout", handlerInOut )

就可以触发鼠标放上去的事件。

很简单不用Js，也不用大量代码，关键是样式 里加一句就行：

li:hover {background:#4949d2    border-radius: 8px}