onmouseenter 事件
在以下更多實例中點"嘗試一下" 查看更多演示。
定義和用法
onmouseenter 事件在鼠標指針移動到元素上時觸發。
提示：該事件通常與onmouseleave事件一同使用,在鼠標指針移出元素上時觸發。
提示： onmouseenter事件類似於onmouseover事件。 唯一的區別是onmouseenter 事件不支持冒泡。
瀏覽器支持
表格中的數字表示支持該事件的第一個瀏覽器的版本號。
| 事件 | |||||
|---|---|---|---|---|---|
| onmouseenter | 30.0 | 5.5 | Yes | 6.1 | 11.5 |
語法
HTML 中:
<elementonmouseenter="myScript"> 嘗試一下
JavaScript 中:
object .onmouseenter=function(){myScript}; 嘗試一下
JavaScript 中, 使用addEventListener() 方法:
object .addEventListener("mouseenter", myScript ); 嘗試一下
注意： Internet Explorer 8及更早IE版本不支持addEventListener()方法。
技術細節
| 是否支持冒泡: | No |
|---|---|
| 是否可以取消: | No |
| 事件類型: | MouseEvent |
| 支持的HTML 標籤: | 所有HTML 元素，除了: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style>, 和<title> |
更多實例
實例
該實例演示了onmousemove, onmouseenter 和mouseover 事件的不同:
<div onmousemove="myMoveFunction()">
<p id="demo">我將演示onmousemove!</p>
</div>
<div onmouseenter="myEnterFunction()">
<p id="demo2">我將演示onmouseenter!</p>
</div>
<div onmouseover="myOverFunction()">
<p id="demo3">我將演示onmouseover!</p>
</div>
<p id="demo">我將演示onmousemove!</p>
</div>
<div onmouseenter="myEnterFunction()">
<p id="demo2">我將演示onmouseenter!</p>
</div>
<div onmouseover="myOverFunction()">
<p id="demo3">我將演示onmouseover!</p>
</div>
嘗試一下»