Chinaunix首页 | 论坛 | 博客
  • 博客访问: 226267
  • 博文数量: 80
  • 博客积分: 0
  • 博客等级: 民兵
  • 技术积分: 781
  • 用 户 组: 普通用户
  • 注册时间: 2014-11-08 10:41
个人简介

爱莉清

文章分类

全部博文(80)

文章存档

2018年(1)

2017年(18)

2016年(49)

2015年(7)

2014年(5)

我的朋友

分类: jQuery

2016-05-24 16:24:10

什么是事件?

页面对不同访问者的响应叫做事件。

事件处理程序指的是当 HTML 中发生某些事件时所调用的方法。

实例:

  • 在元素上移动鼠标。
  • 选取单选按钮
  • 点击元素

在事件中经常使用术语"触发"(或"激发")例如: "当您按下按键时触发 keypress 事件"。

常见 DOM 事件:

鼠标事件 键盘事件 表单事件 文档/窗口事件
click keypress submit load
dblclick keydown change resize
mouseenter keyup focus scroll
mouseleave   blur unload

在这里列出一部分剩下的可以自己测试

点击(此处)折叠或打开

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>黄英文网页设计</title>
  6.     <script src="js/jquery-1.8.3.min.js"></script>
  7. </head>
  8. <body>
  9.     <p id="one">单击我弹出提示</p>
  10.     <p id="double">双击我弹出提示</p>
  11.     <p id="enter">鼠标移到我这里弹出提示</p>
  12.     <p id="leave">鼠标离开我弹出提示</p>
  13.     <button id="mybtn" onclick="myfun()">点击按钮</button>
  14.     <script>
  15.         $("#one").click(function () {
  16.             alert("don't touch me");
  17.         });
  18.         $("#double").dblclick(function () {
  19.             alert("双击我 想干嘛?");
  20.         });
  21.         $("#enter").mouseenter(function () {
  22.             alert("吧鼠标放上了 想干嘛?");
  23.         });
  24.         $("#leave").mouseleave(function () {
  25.             alert("拿开鼠标想干嘛?");
  26.         });
  27.     </script>
  28. </body>
  29. </html>

阅读(1107) | 评论(0) | 转发(0) |
给主人留下些什么吧!~~