JavaScript学习笔记之JS事件对象
事件对象：当事件发生时，浏览器自动建立该对象，并包含该事件的类型、鼠标坐标等。
事件对象的属性：格式：event.属性。
一些说明：
event代表事件的状态，例如触发event对象的元素、鼠标的位置及状态、按下的键等等；
event对象只在事件发生的过程中才有效。
firefox里的event跟IE里的不同，IE里的是全局变量，随时可用；firefox里的要用参数引导才能用，是运行时的临时变量。
在IE/Opera中是window.event，在Firefox中是event；
而事件的对象，在IE中是window.event.srcElement，在Firefox中是event.target，Opera中两者都可用。
绑定事件
在JS中为某个对象(控件)绑定事件通常可以采取两种手段：
首先在head中定义一个函数：
<script type="text/javascript">
function clickHandler()
{
//do something
alert("button is clicked!");
}
</script>
绑定事件的第一种方法：
<input type="button" value="button1" onclick="clickHandler();"><br/>
绑定事件的第二种方法：
<input type="button" id="button2" value="button2">
<script type="text/javascript">
var v = document.getElementById("button2");
v.onclick = clickHandler; //这里用函数名，不能加括号
</script>
其他实例
实例1：
<!DOCTYPE html>
<html>
<head>
<title>eventTest.html</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
<script>
function mOver(object) {
object.color = "red";
}
function mOut(object) {
object.color = "blue";
}
</script>
</head>
<body>
<font style="cursor:help"
onclick="window.location.href='http://www.baidu.com'"
onmouseover="mOver(this)" onmouseout="mOut(this)">欢迎访问</font>
</body>
</html>
实例2：
<!DOCTYPE html>
<html>
<head>
<title>eventTest2.html</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
</head>
<body>
<script type="text/javascript">
function getEvent(event) {
alert("事件类型： " + event.type);
}
document.write("单击...");
document.onmousedown = getEvent;
</script>
</body>
</html>
-
本文向大家介绍JavaScript学习笔记之JS对象，包括了JavaScript学习笔记之JS对象的使用技巧和注意事项，需要的朋友参考一下 默认对象 日期对象Date， 格式：日期对象名称=new Date([日期参数]) 日期参数： 1.省略(最常用)； 2.英文-数值格式：月 日，公元年 [时：分：秒] 如：today=new Date("October 1,2008
-
本文向大家介绍JavaScript学习笔记之JS函数，包括了JavaScript学习笔记之JS函数的使用技巧和注意事项，需要的朋友参考一下 函数就是包裹在花括号中的代码块，前面使用了关键词function： 函数参数 函数的参数可以任意多个，不用声明变量类型，只用给出变量名： 函数返回值 在函数中使用return语句，函数会停止执行，返回调用它的地方。 函数的返回值也不用声明类型，直接
-
本文向大家介绍JavaScript学习笔记之Cookie对象，包括了JavaScript学习笔记之Cookie对象的使用技巧和注意事项，需要的朋友参考一下 JavaScript Cookie Cookie对象： Cookie是一种以文件的形式保存在客户端硬盘的Cookies文件夹中的用户数据信息(Cookie数据)。 Cookie文件由所访问的Web站点建立，以长久的保存客户端与Web
-
本文向大家介绍js学习笔记之事件处理模型，包括了js学习笔记之事件处理模型的使用技巧和注意事项，需要的朋友参考一下 在各种浏览器中存在四种事件模型：原始事件模型、标准事件模型、IE事件模型，还有一种Netscape4事件模型，下面具体介绍一下。 1、目前共存在四种事件处理模型分别是：原始事件模型、标准事件模型、IE事件模型，还有一种Netscape4事件模型，但基本可忽略 2、事件处理模型又可以分
-
本文向大家介绍JavaScript学习笔记之创建对象，包括了JavaScript学习笔记之创建对象的使用技巧和注意事项，需要的朋友参考一下 JavaScript 有Date、Array、String等这样的内置对象，功能强大使用简单，人见人爱，但在处理一些复杂的逻辑的时候，内置对象就很无力了，往往需要开发者自定义对象。 从JavaScript定义上讲对象是无序属性的集合，其属性可以包含基本值、对象
-
本文向大家介绍Bootstrap学习笔记之js组件（4），包括了Bootstrap学习笔记之js组件（4）的使用技巧和注意事项，需要的朋友参考一下 这次我们来看下js组件的使用，本篇文章会有点长，希望大家可以耐心看，相信收获会有不少。不少园友加我好友，表示喜欢我写文字的风格，简单明了，这里，再次谢谢你们的支持。一方面，自身技术有限，写的东西都比较基础，另一方面，写的东西，都是根据自己的理解，把复杂
-
本文向大家介绍Javascript Object 对象学习笔记，包括了Javascript Object 对象学习笔记的使用技巧和注意事项，需要的朋友参考一下 构造函数 new Object（） new Object(value) 参数 value 可选的参数，声明了要转换成Number对象、Boolean对象或String对象的原始值(即数字、布尔值或字符串)。JavaScript 1.
-
本文向大家介绍JavaScript 学习笔记之操作符，包括了JavaScript 学习笔记之操作符的使用技巧和注意事项，需要的朋友参考一下 一、一元操作符 1、自增自减操作符：分为前置型和后置型； 前置型：++a;--a; 后置型：a++;a--; 例： 其中a=i++，相当于a=i;i=i+1; 而b=++j，相当于j=j+1;b=j; 2、一元加减操作符：a=+i;a=-i; 对整数而言，一元