关于onmouseout
其实鼠标移进去那一下,字就变绿了,
也就是onmouseout不仅仅是鼠标出去,还包括鼠标进来也触发?
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>mouse</title>
<style type="text/css">
#div{overflow:auto;width:200px;height:200px;border:2px solid gray;margin-bottom:20px;}
#content{width:200px;height:100px;border:2px solid gray;}
</style>
</head>
<body>
<div id="div">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod,tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo,consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse,cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non,proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>
<div id="content"></div>
<script type="text/javascript">
//补充代码
var div = document.getElementById("div");
var content = document.getElementById("content");
div.onscroll = function() {
div.style.color = "red";
content.innerHTML = '内容滚动了';
}
div.onmouseout = function() {
div.style.color = "green";
}
</script>
</body>
</html>1
收起
正在回答
2回答
同学你好，1、事件冒泡可以这样理解:
当一个元素上的事件被触发的时候，比如说鼠标点击了一个按钮，同样的事件将会在那个元素的所有祖先元素中被触发。这 一过程被称为事件冒泡；这个事件从原始元素开始一直冒泡到DOM树的最上层。
如下结构中 , 为三个div都绑定了鼠标移入事件 :
浏览器中可以如下测试:
事件冒泡属于深入一点的知识。目前在入门阶段接触不多 。同学可以结合老师给出的小例子 ,测试一下 . 能够帮助自己理解。当然 ，学习后面深入的知识，接触的多了 ，就更能理解了哦。
2、onmousemove事件也是一个鼠标移出事件，不过这个事件不会触发冒泡哦，可以先记下这个事件，练习下哦。
希望能帮助到你，欢迎采纳。
祝学习愉快！
相似问题
登录后可查看更多问答，登录/注册
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星