jqueryのmouseleave()メソッド
翻訳結果：
mouse
英語 [maʊs] アメリカ人 [maʊs]
n. マウス; ネズミ; 内気な [臆病な] 人; [非公式の用語] 目の傷head
vi.ネズミを捕まえる、密かに捜索する
leave
英[li:v] 美[liv]
vt.離れる;放棄する;持参するのを忘れる;託す
vt.& vi.離れる;出発する;放棄する
n.許可;休暇;別れ;許可
jqueryのmouseleave()メソッド構文
関数:マウス ポインタが要素から離れると、mouseleave イベントが発生します。このイベントは、mouseenter イベントとともに最もよく使用されます。 Mouseleave() メソッドは、mouseleave イベントをトリガーするか、mouseleave イベントの発生時に実行する関数を指定します。 Mouseout イベントとは異なり、mouseleave イベントは、マウス ポインターが選択された要素から離れた場合にのみトリガーされます。マウス ポインターが子要素から離れると、mouseout イベントもトリガーされます。デモンストレーションについては、以下の例を参照してください。
mouseleave イベント構文をトリガーします: $(selector).mouseleave()
関数を Mouseleave イベント構文にバインドします: $ (セレクタ).mouseleave(function)
パラメータ:
| パラメータ | 説明 |
| 関数 | オプション。 Mouseleave イベントが発生したときに実行する関数を指定します。 |
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">请把鼠标指针移动到这个段落上。</p>
</body>
</html>[インスタンスの実行] ボタンをクリックしてオンライン インスタンスを表示します