mouse

英語 [ma?s] アメリカ人 [ma?s]

n. マウス; ネズミ; 內(nèi)気な [臆病な] 人; [非公式の用語] 目の傷head

vi.ネズミを捕まえる、密かに捜索する

leave

英[li:v] 美[liv]

vt.離れる;放棄する;持參するのを忘れる;託す

vt.& vi.離れる;出発する;放棄する

n.許可;休暇;別れ;許可

jqueryのmouseleave()メソッド 構(gòu)文

関數(shù):マウス ポインタが要素から離れると、mouseleave イベントが発生します。このイベントは、mouseenter イベントとともに最もよく使用されます。 Mouseleave() メソッドは、mouseleave イベントをトリガーするか、mouseleave イベントの発生時(shí)に実行する関數(shù)を指定します。 Mouseout イベントとは異なり、mouseleave イベントは、マウス ポインターが選択された要素から離れた場合にのみトリガーされます。マウス ポインターが子要素から離れると、mouseout イベントもトリガーされます。デモンストレーションについては、以下の例を參照してください。

mouseleave イベント構(gòu)文をトリガーします: $(selector).mouseleave()

関數(shù)を Mouseleave イベント構(gòu)文にバインドします: $ (セレクタ).mouseleave(function)

パラメータ:

パラメータ説明
関數(shù) オプション。 Mouseleave イベントが発生したときに実行する関數(shù)を指定します。

jqueryのmouseleave()メソッド 例

<html>
<head>
<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("p").mouseenter(function(){
    $("p").css("background-color","yellow");
  });
  $("p").mouseleave(function(){
    $("p").css("background-color","#E9E9E4");
  });
});
</script>
</head>
<body>
<p style="background-color:#E9E9E4">請(qǐng)把鼠標(biāo)指針移動(dòng)到這個(gè)段落上。</p>
</body>
</html>
インスタンスの実行 ?

[インスタンスの実行] ボタンをクリックしてオンライン インスタンスを表示します