jqueryのmouseout()メソッド


  翻訳結果：

mouse

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

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

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

out

英[aʊt] 美[aʊt]

adv .アウト; 外、外; 完全に、完全に; 公開された

prep. (出典を示す) from; (…から) 出てくる; (元の状態ではないことを示す) 離れる; 離れる

vt. 消す; 暴露する; 追放する

adj. 外側; アウト; 降格する; 周辺

n. 人気がない; アウト

jqueryのmouseout()メソッド構文

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

マウスアウト イベント構文をトリガーする: $(selector).mouseout(

関数をマウスアウト イベント構文にバインドする: $ (セレクター).mouseout(関数)

パラメータ:

##パラメータ説明function オプション。マウスアウト イベントが発生したときに実行される関数を指定します。

jqueryのmouseout()メソッド例

<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").mouseover(function(){
    $("p").css("background-color","yellow");
  });
  $("p").mouseout(function(){
    $("p").css("background-color","#E9E9E4");
  });
  $("#btn1").click(function(){
    $("p").mouseover();
  });  
  $("#btn2").click(function(){
    $("p").mouseout();
  }); 
});
</script>
</head>
<body>
<p style="background-color:#E9E9E4">请把鼠标指针移动到段落上。</p>
<button id="btn1">触发段落的 mouseover 事件</button><br />
<button id="btn2">触发段落的 mouseout 事件</button>
</body>
</html>
インスタンスの実行 »

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

ホームページ

ビデオ

に質問