The mouseout event occurs when the mouse pointer exits the element. mouseout: 只要鼠标指针移出事件所绑定的元素或其子元素，都会触发该事件 mouseleave: 只有鼠标指针移出事件所绑定的元素时，才会触发该事件. googletag.defineSlot('/21812778492/blog_728x90_common_overlay', [728, 90], 'div-gpt-ad-1584694002281-0').addService(googletag.pubads()); The syntax for using mouseup(): mouseup() Note: Unlike the mouseenter event, the mouseover event triggers if a mouse pointer enters any child elements as well as the selected element. This event is sent to an element when the mouse pointer leaves the element. Introduction to jQuery mouseout() The mouse out event takes place when we leave the mouse cursor or pointer from the selected element and the mouseout() method activates the mouse out event or binds a function to operate when an event occurs in mouse out. その経験を通してプログラミング学習に成功する人は、「目的目標が明確でそれに合わせた学習プランがあること」「常に相談できる人がそばにいること」「自己解決能力が身につくこと」この3つが根付いている傾向を発見しました。 Any HTML element can receive this event. googletag.defineSlot('/21812778492/blog_300x250_common_fixed01', [[300, 250], [336, 280]], 'div-gpt-ad-1559710191960-0').addService(googletag.pubads()); This event type can cause many headaches due to event bubbling. googletag.pubads().setTargeting('blog_type', 'Tech'); // fixed01のWORKSが不定期なため共通処理とする However, you must keep in mind their behavior differs when the elements have descendants: Use this syntax to trigger the mouseout event: Bind the event handler by specifying the function: and get awesome deals & the newest tutorials to your email. jQueryオブジェクト … The .mouseout() method in jQuery attaches an event handler, executing a function when the mouseout event occurs, or triggers the event. googletag.defineSlot('/21812778492/blog_728x90_common_eyecatch01_adsence', [728, 90], 'div-gpt-ad-1566564252373-0').addService(googletag.pubads()); Note: Unlike the mouseleave event, the mouseout event is triggered if a mouse pointer leaves any child elements as well as the selected element. jQueryオブジェクトで指定した要素内からマウスカーソルが出た時に引数のfunctionを実行します。引数にfunctionを設定しない場合は、要素に設定（バインド）されたfunctionを実行します。, ver1.4.3からは引数にobjectオブジェクトを設定することで、実行するfunctionにデータを渡すことができます（データはイベントオブジェクトのdataプロパティ経由で渡されます）。, 指定した要素内に子孫要素がある場合、子孫要素からマウスカーソルが出た際にもfunctionが実行されることに注意してください。子孫要素に反応させたくない場合はmouseleaveメソッドを利用してください。, ※以降「マウスカーソルが要素内（子孫要素を含む）から出た」動作のことをマウスアウトと呼びます。, サンプル（mouseout/01.html）を開いてbody内にdiv要素が1つあることを確認してください。jQueryは以下の様に記述され、mouseoutメソッドの引数にfunctionの「outFunc」が設定されています。, mouseoutメソッドの引数に設定するFunctionは以下の様な構文になっています。まず引数（イベントオブジェクト）を受け取ります。そしてマウスアウトしたら実行したい処理を｛｝の中に書きます、何かをreturnする必要はありません。イベントオブジェクトは別項にまとめてあるので、そちらを確認してください。, サンプルmouseout/01.htmlで利用したoutFuncは以下の様になっており、アラートで「mouseout」と表示するだけです。このサンプルでは引数（イベントオブジェクト）は利用していません。, mouseoutメソッドは引数を設定しないと、要素に設定されたマウスアウト時の処理を実行します。