jQuery mouseover與mouseenter,mouseout與mouseleave的區別

時間 2019-11-09

標籤 jquery mouseover mouseenter mouseout mouseleave 區別欄目 JQuery 简体版

原文原文鏈接

mouseover與mouseenterjavascript

不論鼠標指針穿過被選元素或其子元素，都會觸發 mouseover 事件。

只有在鼠標指針穿過被選元素時，纔會觸發 mouseenter 事件。css

mouseout與mouseleave

不論鼠標指針離開被選元素仍是任何子元素，都會觸發 mouseout 事件。

只有在鼠標指針離開被選元素時，纔會觸發 mouseleave 事件。html

使用方法：java

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("p").mouseenter(function(){
    $("p").css("background-color","yellow");
  });
  $("p").mouseout(function(){
    $("p").css("background-color","red");
  });
});
</script>
</head>
<body>
<p style="background-color:#E9E9E4">請把鼠標指針移動到這個段落上。</p>
</body>
</html>

相關標籤/搜索