检查一下代码

来源:2-7 编程练习

weixin_慕的地5241954

2019-08-31 20:55:36

<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>HTML事件</title>
</head>
<body>
<!-- 此处写代码 -->
<input type="button" value="开始" onmousemove="startFn(this,'purple')" onmouseout="startFn(this,'gray')"/>
<input type="button" value="结束" onmousemove="endFn(this,'yellow')" onmouseout="startFn(this,'gray')"/>
<!-- onmousemove和 onmouseover的区别-->
<script>
function startFn(btn,color){
//console.log(btn)
btn.style.color=color
};
function endFn(btn,color){
btn.style.color=color
}
</script>
</body>
</html>

<!-- onmousemove和 onmouseover的区别--> 好像它们的效果一样

写回答

1回答

好帮手慕慕子

2019-09-01

同学你好, 你粘贴的这段代码,使用onmouseover和onmousemove确实都可以实现效果, 但这两个是不同的事件, 区别如下

  1.  onmouseover, 在鼠标指针移入到指定的元素上时发生,只触发一次

  2. onmousemove, 鼠标指针在指定元素上移动时发生, 可以触发多次

如果帮助到了你, 欢迎采纳!

祝学习愉快~~~

0

0 学习 · 40143 问题

查看课程