对比onmouseover和onmouseenter

Bertha 。 2022-03-24 15:24 426阅读 0赞

### 对比onmouseover和onmouseenter ###

onmouseover和onmouseenter都属于事件类型，都是用来代表鼠标移入的，但是两者有什么区别呢？今天就更大家分享一下。

鼠标移上,对比onmouseover和onmouseenter,两者作用相同,但是onmouseenter效率更高。

<!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="UTF-8">
    		<title></title>
    	</head>
    	<body>
    		<button id="btn">点我</button>
    		<script type="text/javascript">
    			var a = document.getElementById('btn');
    			/*鼠标移上,对比onmouseover和onmouseenter,两者作用相同,但是onmouseenter效率更高*/
    			/*mouseover鼠标移入与 mouseout鼠标移出 对应*/
    			a.onmouseover=function(){
    				alert(4);
    				console.log('我是over我用了时长')
    			}
    			/*mouseenter鼠标移入 与mouseleave鼠标移出 对应*/
    			a.onmouseenter=function(){
    				alert(2);
    				console.log('我是enter我用了时长')
    			}
    		</script>
    	</body>
    </html>

点击之后，浏览器中conlose中的显示结果。  
![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MTU0NDU1Mw_size_16_color_FFFFFF_t_70][]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MTU0NDU1Mw_size_16_color_FFFFFF_t_70]: /images/20220323/aa280a8ee7404098be26a18b7b9edf97.png

发表评论取消回复

表情：

评论列表（有 0 条评论，426人围观）

还没有评论，来说两句吧...

相关阅读

相关事件绑定(onmouseout,onmouseover)

事件绑定(onmouseout,onmouseover) 学习路线：[JavaScript基础语法（输出语句）][JavaScript]\->[JavaScript基础语

朱雀/ 2024年03月31日 13:32/ 0 赞/ 44 阅读

相关 onmouseover+onmouseout ：表格隔行变色

表格隔行变色 <!DOCTYPE html> <html lang="en"> <head> <meta charset

灰太狼/ 2023年10月03日 14:50/ 0 赞/ 14 阅读

相关鼠标事件：onclick、onmousedown、onmouseup、onmouseover、onmouseout、onmouseenter、onmouseleave、鼠标的按键、 div简单拖拽

鼠标事件： onclick：在鼠标左健点击弹起之后触发的事件，即一次完整的鼠标点击过程。过程完成瞬间触发函数。 onmousedown：事件会在

谁践踏了优雅/ 2023年06月03日 11:54/ 0 赞/ 3 阅读

相关 onmouseover事件

![复制代码][copycode.gif] 1 function create(mouse){ 2 var num=44; 3 v

小咪咪/ 2022年06月16日 08:28/ 0 赞/ 147 阅读

相关对比java和python对比

1.难易度而言。python远远简单于java。　　2.开发速度。Python远优于java 　　3.运行速度。java远优于标准python，pypy和cython

你的名字/ 2022年06月06日 12:51/ 0 赞/ 273 阅读

相关 JavaScript中的onmouseover事件和onmouseout事件实例

目录 JavaScript事件 onmouseover事件 onmouseout事件： onmouseover和onmouseout事件结合案例： HTML部分 C

叁歲伎倆/ 2022年05月10日 11:54/ 0 赞/ 432 阅读

相关 React 语法二：forceUpdate()、componentWillUnmount()、onMouseEnter()与onMouseLeave()

基础语法 forceUpdate() 语法：`component.forceUpdate(callback)`。该方法将强迫一个 react 组件重新渲染。我

电玩女神/ 2022年05月08日 00:08/ 0 赞/ 335 阅读

相关对比onmouseover和onmouseenter

对比onmouseover和onmouseenter onmouseover和onmouseenter都属于事件类型，都是用来代表鼠标移入的，但是两者有什么区别呢？今天就

Bertha 。/ 2022年03月24日 15:24/ 0 赞/ 427 阅读

相关 Ie onmouseover与onmouseout解析问题

![ContractedBlock.gif][] ![ExpandedBlockStart.gif][] Code <html> <head

旧城等待，/ 2021年12月12日 03:05/ 0 赞/ 259 阅读

相关事件冒泡以及onmouseenter 和 onmouseover 的不同

1、onmouseover、onmouseout：鼠标经过时自身触发事件，经过其子元素时也触发该事件；（父亲有的东西，儿子也有） 2、onmouseenter、onmous

- 日理万妓/ 2021年09月27日 12:10/ 0 赞/ 301 阅读