javascript鼠标事件【部分】
博客专区 > LCINA 的博客 > 博客详情
javascript鼠标事件【部分】
LCINA 发表于3年前
javascript鼠标事件【部分】
  • 发表于 3年前
  • 阅读 25
  • 收藏 0
  • 点赞 1
  • 评论 0

腾讯云 新注册用户 域名抢购1元起>>>   

摘要: 鼠标移开事件(onmouseout) 鼠标经过事件(onmouseover)
 <!DOCTYPE HTML>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>鼠标移开事件 </title>
<script type="text/javascript">
  function message(){
    alert("不要移开,点击后进行!"); }
  function message1(){
    alert("不要点击,点击后进行!"); }
</script>
</head>
<body>
<form>
  <a href="#" onmouseout="message()" onmouseover="message1()" target="_blank">点击我</a>
</form>
</body>
</html>
  • 鼠标移开事件(onmouseout)

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

  • 当把鼠标移动到"登录"按钮上,然后再移开时,触发onmouseout事件,调用函数message()

  • 鼠标经过事件(onmouseover)

  • 鼠标经过事件,当鼠标移到一个对象上时,该对象就触发onmouseover事件,并执行onmouseover事件调用的程序。

  • 现实鼠标经过"确定"按钮时,触发onmouseover事件,调用函数info(),弹出消息框


  • JavaScript 创建动态页面。事件是可以被 JavaScript 侦测到的行为。 网页中的每个元素都可以产生某些可以触发 JavaScript 函数或程序的事件。

  • 比如说,当用户单击按钮或者提交表单数据时,就发生一个鼠标单击(onclick)事件,需要浏览器做出处理,返回给用户一个结果。

标签: 鼠标事件
共有 人打赏支持
粉丝 4
博文 29
码字总数 12202
×
LCINA
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: