检查一下代码
来源: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回答
同学你好, 你粘贴的这段代码,使用onmouseover和onmousemove确实都可以实现效果, 但这两个是不同的事件, 区别如下
onmouseover, 在鼠标指针移入到指定的元素上时发生,只触发一次
onmousemove, 鼠标指针在指定元素上移动时发生, 可以触发多次
如果帮助到了你, 欢迎采纳!
祝学习愉快~~~
相似问题