对比onmouseover和onmouseenter

Bertha 。 2022-03-24 15:24 318阅读 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 条评论，318人围观）

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

相关阅读

相关事件绑定(onmouseout,onmouseover)

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

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

相关 onmouseover事件

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

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

相关谈谈react操作onMouseEnter、onMouseLeave结合css里的hover

react对于每个html元素都添加了很多事件处理函数，这些事件网上一搜就都出来了，这里简单说下在react中利用js进行操作类似于css里的hover所使用的事件。

悠悠/ 2022年06月10日 03:48/ 0 赞/ 191 阅读

相关对比java和python对比

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

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

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

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

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

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

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

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

相关对比onmouseover和onmouseenter

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

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

相关 Ie onmouseover与onmouseout解析问题

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

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

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

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

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

相关 Ambari和ClouderaManager对比

运维过hadoop集群的人都应该清楚，hadoop生态从安装、配置到后期运维是一个非常艰辛的过程，一般来说安装hadoop可能就需要几天时间，运维一个小型集群同样需要几个人。a

旧城等待，/ 2021年06月24日 15:58/ 0 赞/ 492 阅读