鼠标移开事件（onmouseout），JavaScript进阶篇教程-慕课网

6-4 鼠标移开事件（onmouseout）

本节编程练习不计算学习进度，请电脑登录imooc.com操作

鼠标移开事件（onmouseout）

鼠标移开事件，当鼠标移开当前对象时，执行onmouseout调用的程序。

当把鼠标移动到"登录"按钮上，然后再移开时，触发onmouseout事件，调用函数message()，代码如下:

运行结果:

任务

补充右边编辑器第12行，当鼠标移开"点击我"的按钮时，调用message()函数，弹出消息对话框。

index.html

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>鼠标移开事件 </title>
<script type="text/javascript">
  function message(){
    alert("不要移开，点击后进行慕课网!"); }
</script>
</head>
<body>
<form>
  <a href="http://www.imooc.com">点击我</a>
</form>
</body>
</html>