---
title: GlobalEventHandlers.onmouseenter
slug: Web/API/GlobalEventHandlers/onmouseenter
translation_of: Web/API/GlobalEventHandlers/onmouseenter
---
<div>{{ ApiRef("HTML DOM") }}</div>

<div>{{domxref("GlobalEventHandlers")}}的<strong><code>onmouseenter</code></strong> 属性绑定 {{domxref("EventHandler")}} 后来处理{{event("mouseenter")}} 事件.</div>

<div> </div>

<p>元素绑定了监听事件后，当一个指针设备（通常是鼠标）移动到这个元素上时<code>mouseenter</code>事件将会被触发。</p>

<h2 id="语法">语法</h2>

<pre class="syntaxbox"><em><var>element</var></em>.onmouseenter = <em>handlerFunction</em>;
var <em>handlerFunction</em> = <em><var>element</var></em>.onmouseenter;
</pre>

<p><code>handlerFunction</code> 可以是 <code>null</code> 或者一个用于处理事件的<a href="/en-US/docs/Web/JavaScript/Reference/Functions" title="/en-US/docs/JavaScript/Reference/Functions_and_function_scope">JavaScript 函数</a> 。</p>

<h2 id="规格">规格</h2>

<table class="spectable standard-table">
 <tbody>
  <tr>
   <th scope="col">规格</th>
   <th scope="col">状态</th>
   <th scope="col">注释</th>
  </tr>
  <tr>
   <td>{{SpecName('HTML WHATWG','#handler-onmouseenter','onmouseenter')}}</td>
   <td>{{Spec2('HTML WHATWG')}}</td>
   <td> </td>
  </tr>
 </tbody>
</table>

<h2 id="浏览器兼容性">浏览器兼容性</h2>

<div class="hidden">本页的兼容性表是从结构化数据中生成的，如果要贡献数据,请查看 <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> 并发给我们一个拉请求。</div>

<p>{{Compat("api.GlobalEventHandlers.onmouseenter")}}</p>

<h2 id="同样可看">同样可看</h2>

<ul>
 <li>{{event("mouseenter")}}</li>
 <li><a href="/en-US/docs/Web/Guide/Events/Event_handlers" title="/en-US/docs/Web/Guide/DOM/Events/Event_handlers">DOM event handlers</a></li>
</ul>