onmouseleave 事件

课程表

JS ɗanɗin ɗin ɗanɗin

JavaScript

Window

HTML DOM

Web API

HTML ɗanɗin

</a></li> <li><a href="/ha/jsref/dom_obj_image.html" title="Obhijiji DOM na HTML Image"><img></a></li> <li><a href="/ha/jsref/dom_obj_ins.html" title="Obhijiji DOM na HTML Ins"><ins></a></li> <li><a href="/ha/jsref/dom_obj_button.html" title="HTML DOM Button ƙanam"><input> button</a></li> <li><a href="/ha/jsref/dom_obj_checkbox.html" title="HTML DOM Checkbox ƙanam"><input> checkbox</a></li> <li><a href="/ha/jsref/dom_obj_color.html" title="HTML DOM Color ƙanam"><input> color</a></li> <li><a href="/ha/jsref/dom_obj_date.html" title="HTML DOM Date ƙanam"><input> date</a></li> <li><a href="/ha/jsref/dom_obj_datetime.html" title="HTML DOM Datetime ƙanam"><input> datetime</a></li> <li><a href="/ha/jsref/dom_obj_datetime-local.html" title="HTML DOM DatetimeLocal ƙanam"><input> datetime-local</a></li> <li><a href="/ha/jsref/dom_obj_email.html" title="HTML DOM Email ƙanam"><input> email</a></li> <li><a href="/ha/jsref/dom_obj_fileupload.html" title="HTML DOM FileUpload ƙanam"><input> file</a></li> <li><a href="/ha/jsref/dom_obj_hidden.html" title="HTML DOM Hidden ƙanam"><input> hidden</a></li> <li><a href="/ha/jsref/dom_obj_input_image.html" title="HTML DOM Image ƙanam"><input> image</a></li> <li><a href="/ha/jsref/dom_obj_month.html" title="HTML DOM Month ƙanam"><input> month</a></li> <li><a href="/ha/jsref/dom_obj_number.html" title="HTML DOM Number ƙanam"><input> number</a></li> <li><a href="/ha/jsref/dom_obj_password.html" title="HTML DOM Password ƙanam"><input> password</a></li> <li><a href="/ha/jsref/dom_obj_radio.html" title="HTML DOM Radio ƙanam"><input> radio</a></li> <li><a href="/ha/jsref/dom_obj_range.html" title="HTML DOM Range ƙanam"><input> range</a></li> <li><a href="/ha/jsref/dom_obj_reset.html" title="HTML DOM Reset ƙanam"><input> reset</a></li> <li><a href="/ha/jsref/dom_obj_search.html" title="HTML DOM Search ƙanam"><input> search</a></li> <li><a href="/ha/jsref/dom_obj_submit.html" title="HTML DOM Submit ƙanam"><input> submit</a></li> <li><a href="/ha/jsref/dom_obj_text.html" title="HTML DOM Text ƙanam"><input> text</a></li> <li><a href="/ha/jsref/dom_obj_input_time.html" title="HTML DOM Time ƙanam"><input> time</a></li> <li><a href="/ha/jsref/dom_obj_url.html" title="HTML DOM URL ƙanam"><input> url</a></li> <li><a href="/ha/jsref/dom_obj_week.html" title="HTML DOM Week ƙanam"><input> week</a></li> <li><a href="/ha/jsref/dom_obj_kbd.html" title="HTML DOM Kbd ƙanam"><kbd></a></li> <li><a href="/ha/jsref/dom_obj_label.html" title="HTML DOM Label ƙanam"><label></a></li> <li><a href="/ha/jsref/dom_obj_legend.html" title="HTML DOM Legend ƙanam"><legend></a></li> <li><a href="/ha/jsref/dom_obj_li.html" title="HTML DOM Li ƙanam"><li></a></li> <li><a href="/ha/jsref/dom_obj_link.html" title="HTML DOM Link ƙanam"><link></a></li> <li><a href="/ha/jsref/dom_obj_map.html" title="HTML DOM Map ƙanam"><map></a></li> <li><a href="/ha/jsref/dom_obj_mark.html" title="HTML DOM Mark ƙanam"><mark></a></li> <li><a href="/ha/jsref/dom_obj_menu.html" title="HTML DOM Menu ƙanam"><menu></a></li> <li><a href="/ha/jsref/dom_obj_menuitem.html" title="HTML DOM MenuItem ƙanam"><menuitem></a></li> <li><a href="/ha/jsref/dom_obj_meta.html" title="HTML DOM Meta ƙanam"><meta></a></li> <li><a href="/ha/jsref/dom_obj_meter.html" title="HTML DOM Meter ƙanam"><meter></a></li> <li><a href="/ha/jsref/dom_obj_nav.html" title="HTML DOM Nav ƙanam"><nav></a></li> <li><a href="/ha/jsref/dom_obj_object.html" title="HTML DOM Object ƙanam"><object></a></li> <li><a href="/ha/jsref/dom_obj_ol.html" title="HTML DOM Ol ƙanam"><ol></a></li> <li><a href="/ha/jsref/dom_obj_optgroup.html" title="HTML DOM OptionGroup ƙanam"><optgroup></a></li> <li><a href="/ha/jsref/dom_obj_option.html" title="HTML DOM Option ƙanam"><option></a></li> <li><a href="/ha/jsref/dom_obj_output.html" title="HTML DOM Output ƙanam"><output></a></li> <li><a href="/ha/jsref/dom_obj_paragraph.html" title="HTML DOM Paragraph ƙanam"><p></a></li> <li><a href="/ha/jsref/dom_obj_param.html" title="HTML DOM Parameter ƙanam"><param></a></li> <li><a href="/ha/jsref/dom_obj_pre.html" title="HTML DOM Pre ƙanam"><pre></a></li> <li><a href="/ha/jsref/dom_obj_progress.html" title="HTML DOM Progress ƙanam"><progress></a></li> <li><a href="/ha/jsref/dom_obj_quote.html" title="HTML DOM Quote ƙanam"><q></a></li> <li><a href="/ha/jsref/dom_obj_s.html" title="HTML DOM S ɗanarorin"><s></a></li> <li><a href="/ha/jsref/dom_obj_samp.html" title="HTML DOM Samp ɗanarorin"><samp></a></li> <li><a href="/ha/jsref/dom_obj_script.html" title="HTML DOM Script ɗanarorin"><script></a></li> <li><a href="/ha/jsref/dom_obj_section.html" title="HTML DOM Section ɗanarorin"><section></a></li> <li><a href="/ha/jsref/dom_obj_select.html" title="HTML DOM Select ɗanarorin"><select></a></li> <li><a href="/ha/jsref/dom_obj_small.html" title="HTML DOM Small ɗanarorin"><small></a></li> <li><a href="/ha/jsref/dom_obj_source.html" title="HTML DOM Source ɗanarorin"><source></a></li> <li><a href="/ha/jsref/dom_obj_span.html" title="HTML DOM Span ɗanarorin"><span></a></li> <li><a href="/ha/jsref/dom_obj_strong.html" title="HTML DOM Strong ɗanarorin"><strong></a></li> <li><a href="/ha/jsref/dom_obj_sub.html" title="HTML DOM Subscript ɗanarorin"><sub></a></li> <li><a href="/ha/jsref/dom_obj_summary.html" title="HTML DOM Summary ɗanarorin"><summary></a></li> <li><a href="/ha/jsref/dom_obj_sup.html" title="HTML DOM Superscript ɗanarorin"><sup></a></li> <li><a href="/ha/jsref/dom_obj_table.html" title="HTML DOM Table ɗanarorin"><table></a></li> <li><a href="/ha/jsref/dom_obj_tbody.html" title="HTML DOM TBody ɗanarorin"><tbody></a></li> <li><a href="/ha/jsref/dom_obj_tabledata.html" title="HTML DOM TableData ɗanarorin"><td></a></li> <li><a href="/ha/jsref/dom_obj_tfoot.html" title="HTML DOM TFoot ɗanarorin"><tfoot></a></li> <li><a href="/ha/jsref/dom_obj_tablehead.html" title="HTML DOM TableHeader ɗanarorin"><th></a></li> <li><a href="/ha/jsref/dom_obj_thead.html" title="HTML DOM THead ɗanarorin"><thead></a></li> <li><a href="/ha/jsref/dom_obj_tablerow.html" title="HTML DOM TableRow ɗanarorin"><tr></a></li> <li><a href="/ha/jsref/dom_obj_textarea.html" title="HTML DOM Textarea ɗanarorin"><textarea></a></li> <li><a href="/ha/jsref/dom_obj_time.html" title="HTML DOM Time ɗanarorin"><time></a></li> <li><a href="/ha/jsref/dom_obj_title.html" title="HTML DOM Title ɗanarorin"><title></a></li> <li><a href="/ha/jsref/dom_obj_track.html" title="HTML DOM Track ɗanarorin"><track></a></li> <li><a href="/ha/jsref/dom_obj_u.html" title="HTML DOM Underline ɗanarorin"><u></a></li> <li><a href="/ha/jsref/dom_obj_ul.html" title="HTML DOM Ul ɗanarorin"><ul></a></li> <li><a href="/ha/jsref/dom_obj_var.html" title="HTML DOM Variable ɗanarorin"><var></a></li> <li><a href="/ha/jsref/dom_obj_video.html" title="HTML DOM Video ɗanarorin"><video></a></li> </ul> <h2>其他参考手册</h2> <ul> <li><a href="/ha/jsref/obj_cssstyledeclaration.html" title="CSSStyleDeclaration ɗanarorin">CSSStyleDeclaration</a></li> <li><a href="/ha/jsref/jsref_type_conversion.html" title="JavaScript ɗanarorin ƙirar">JS 类型转换</a></li> </ul> </div> <div><h3><center> 选修课 </center><h3> <h2>课程推荐：</h2> <ul> <li><a href="/ha/howto/index.html" title="CodeW3C.com ɗanarorin ɗakarorin">CodeW3C.com ɗanarorin ɗakarorin</a></li> </ul> </div> </div> <div id="maincontent"> <div class="idea"> <a href="/"><button>English</button></a> <a href="/zh/"><button>中文</button></a> <a href="/oldzh/"><button>繁體中文</button></a> <a href="/ru/"><button>Русский</button></a> <a href="/fr/"><button>Français</button></a> <a href="/de/"><button>Deutsch</button></a> <a href="/es/"><button>Español</button></a> <a href="/pt/"><button>Português</button></a> <a href="/ja/"><button>日本語</button></a> <a href="/ko/"><button>한국어</button></a> <a href="/it/"><button>Italiano</button></a> <a href="/ar/"><button>عربي</button></a> <a href="/hi/"><button>हिंदी</button></a> <a href="/bn/"><button>বাংলা</button></a> <a href="/ms/"><button>Bahasa Malaysia</button></a> <a href="/my/"><button>မြန်မာ</button></a> <a href="/vi/"><button>Tiếng Việt</button></a> <a href="/th/"><button>ภาษาไทย</button></a> <a href="/lo/"><button>ລາວ</button></a> <a href="/id/"><button>Bahasa Indonesia</button></a> <a href="/ur/"><button>اردو</button></a> <a href="/ha/"><button>Hausa</button></a> <a href="/pl/"><button>Język polski</button></a> <a href="/pa/"><button>ਪੰਜਾਬੀ</button></a> <a href="/sv/"><button>Svenska</button></a> <a href="/da/"><button>Dansk</button></a> <a href="/nl/"><button>Nederlands</button></a> <a href="/tr/"><button>Türkçe</button></a> <a href="/fi/"><button>suom.</button></a> <a href="/el/"><button>Ελληνικά</button></a> <a href="/fa/"><button>فارسی</button></a> <a href="/sw/"><button>Kiswahili</button></a> <a href="/te/"><button>తెలుగు</button></a> <a href="/tl/"><button>wikang Galu</button></a> </div> <h1>onmouseleave 事件</h1> <div class="btn-toref"> <a href="/ha/jsref/dom_obj_event.html" title="HTML DOM Events">DOM 事件</a> <a href="/ha/jsref/obj_mouseevent.html" title="HTML DOM MouseEvent">MouseEvent</a> </div> <div> <h2>定义和用法</h2> <p>当鼠标指针移出元素时，onmouseleave 事件发生。</p> <p class="tip"><span>ヒント：</span>このイベントは通常、 <a href="/ha/jsref/event_onmouseenter.html" title="onmouseenter ɗanarorin">onmouseenter ɗanarorin</a>一緒に使用すると、マウス指標が要素に移動したときにこのイベントが発生します。</p> <p class="tip"><span>ヒント：</span> onmouseleaveイベントは、 <a href="/ha/jsref/event_onmouseout.html" title="onmouseout ɗanarorin">onmouseout ɗanarorin</a>。唯一の違いは、onmouseleaveイベントがバブル（上位のドキュメント階層構造に伝播しない）であることです。ページの下部のさらに多くの例を参照してください。</p> </div> <div> <h2>インスタンス</h2> <h3>例1</h3> <p>マウス指標を画像から移動したときにJavaScriptを実行します：</p> <pre class="language-html"> <img onmouseleave="normalImg(this)" src="smiley.gif" alt="Smiley"> </pre> <p class="tiy"><a target="_blank" href="/ha/tiy/t.html?f=jsck_error_message">自分で試してみる</a></p> <h3>例2</h3> <p>この例では、onmousemove、onmouseleaveおよびonmouseoutイベントの違いを示しています：</p> <pre class="language-html"> <div onmousemove="myMoveFunction()"> <p id="demo">I will demonstrate onmousemove!</p> </div> <div onmouseleave="myLeaveFunction()"> <p id="demo2">I will demonstrate onmouseleave!</p> </div> <div onmouseout="myOutFunction()"> <p id="demo3">I will demonstrate onmouseout!</p> </div> </pre> <p class="tiy"><a target="_blank" href="/ha/tiy/t.html?f=jsck_error_message">自分で試してみる</a></p> </div> <div> <h2>文法</h2> <p>HTMLで：</p> <pre class="language-html"> <<i>要素</i> onmouseleave="<i>myScript</i>"> </pre> <p class="tiy"><a target="_blank" href="/ha/tiy/t.html?f=jsck_error_message">自分で試してみる</a></p> <p>JavaScriptで：</p> <pre class="language-js"> <i>オブジェクト</i>.onmouseleave = function(){<i>myScript</i>}; </pre> <p class="tiy"><a target="_blank" href="/ha/tiy/t.html?f=jsck_error_message">自分で試してみる</a></p> <p>JavaScriptで、addEventListener()メソッドを使用して：</p> <pre class="language-js"> <i>オブジェクト</i>.addEventListener("mouseleave", <i>myScript</i>); </pre> <p class="tiy"><a target="_blank" href="/ha/tiy/t.html?f=jsck_error_message">自分で試してみる</a></p> <p class="note"><span>注釈：</span>Internet Explorer 8またはそれ以前のバージョンはサポートしない <a href="/ha/jsref/met_element_addeventlistener.html" title="HTML DOM addEventListener() ɗanarorin">addEventListener()メソッド</a>。</p> </div> <div> <h2>技術的詳細</h2> <table class="definition-usage"> <tr> <th>バブル：</th> <td>サポートしない</td> </tr> <tr> <th>キャンセル可能：</th> <td>サポートしない</td> </tr> <tr> <th>イベントタイプ：</th> <td><a href="/ha/jsref/obj_mouseevent.html" title="HTML DOM MouseEvent">MouseEvent</a></td> </tr> <tr> <th>サポートするHTMLタグ：</th> <td>すべてのHTMLエレメント、除いて：<base>、<bdo>、<br>、<head>、<html>、<iframe>、<meta>、<param>、<script>、<style>および<title></td> </tr> <tr> <th style="width: 25%;">DOMバージョン：</th> <td>レベル2イベント</td> </tr> </table> </div> <div> <h2>浏览器ダアサンシ</h2> <p>表中的数字注明了完全支持该事件的首个浏览器版本。</p> <table class="browser-support"> <tr> <th class="bsTh">事件</th> <th class="bsChrome">Chrome</th> <th class="bsIE">IE</th> <th class="bsFirefox">Firefox</th> <th class="bsSafari">Safari</th> <th class="bsOpera">Opera</th> </tr> <tr> <td>onmouseleave</td> <td>30.0</td> <td>5.5</td> <td>支持</td> <td>6.1</td> <td>11.5</td> </tr> </table> </div> <div class="btn-toref"> <a href="/ha/jsref/dom_obj_event.html" title="HTML DOM Events">DOM 事件</a> <a href="/ha/jsref/obj_mouseevent.html" title="HTML DOM MouseEvent">MouseEvent</a> </div><div style="background-color:#fcfdf8; padding:0;"> </div> </div>  <div id="sidebar"> <div><h3><center> 工具箱 </center><h3> <h5 id="tools_reference"><a href="/ha/jsref/index.html">JavaScript and HTML DOM Reference Manual</a></h5> <h5 id="tools_example"><a href="/ha/js/js_examples.html">JavaScript 实例</a></h5> <h5 id="tools_quiz"><a href="/ha/js/js_quiz.html">JavaScript 测验</a></h5> <h5 id="tools_tutorial"><a href="/ha/js/index.html">JavaScript 教程</a></h5> </div> <div><h3><center> 赞助商链接 </center><h3> <div id="sbtg"> <script src="/myjs/zzsr.js"></script> </div> </div> </div> <div id="footer"> <p id="p1"> CodeW3C.com 提供的内容仅用于培训和测试，不保证内容的正确性。通过使用本站内容随之而来的风险与本站无关。版权所有，保留一切权利。 </p> <p id="p2"> <a href="/ha/about/index.html" title="Tanta CodeW3C.com">Tanta CodeW3C.com</a> <a href="/ha/about/about_helping.html" title="Yanarorin CodeW3C.com">Yanarorin CodeW3C.com</a> <a href="/ha/about/about_use.html" title="Tanta amfani">Ƙa'idodin amfani</a> <a href="/ha/about/about_privacy.html" title="Tanta ƙa'idodin">Ƙa'idodin ƙa'idodin</a> <a href="http://www.comfortsoftwaregroup.com/" target="_blank"><img src="/comfortsoftwaregroup.png"></a> <a href="http://www.ce4e.com/" target="_blank"><img src="/poweredby.png" alt="Rantici ne Ce4e.com"></a> </p> </div> </div>  <script src="/myjs/tongji.js"></script> </body> </html>