jQuery基础系列-event事件

   今天介绍的是Jquery Event事件。闲话不多说，下面开始亮代码。

/*=====================================================Jquery 事件处理方法=============================================*/

1.pageX,pageY

作用：显示元素（鼠标指针）所在的位置

语法：

event.pageX 相当于文档的左边缘

event.pageY 相当于文档的上边缘

示例：

$(document).mousemove(function(e){
 $("span").text("X: " + e.pageX + ", Y: " + e.pageY);
});

显示鼠标指针所在位置

2.preventDefault

作用：防止元素发生默认行为，如点击表单提交按钮时阻止提交

语法：event.preventDefault

示例：

$("a").click(function(event){
 event.preventDefault();
});

防止打开Url连接

3.isDefaultPrevent

作用：返回是否调用了preventDefault方法

语法：event.isDefaultPrevent

示例：

$("a").click(function(event){
  event.preventDefault();
  alert("Default prevented: " + event.isDefaultPrevented());
});

防止链接打开 URL，并声明来自 isDefaultPrevented() 的结果

4.result

作用：返回指定事件触发的事件处理函数返回的最后一个值，除非这个值未定义

语法：event.result

示例：

$("button").click(function(e) {
 $("p").html(e.result);
});

显示最后一次点击事件的结果。

5.target

作用： 属性规定哪个 DOM 元素触发了该事件。

语法：event.target

示例：

$("p, button, h1, h2").click(function(event){
 $("div").html("Triggered by a " + event.target.nodeName + " element.");
});

显示是哪个DOM元素触发了事件

6.timeStamp

作用：返回事件触发时的时间戳

语法：event.timeStamp

$("button").click(function(event){
 $("span")html(event.timeStamp);
});

显示出当对按钮元素的点击事件发生时的时间戳

7.type

作用：描述触发哪种事件类型

语法：event.type

示例：

$("p").bind('click dblclick mouseover mouseout',function(event){
 $("div").html("Event: " + event.type);
});

显示触发了哪种类型的事件

8.which

作用：显示按了哪个键或按钮

语法：event.which

示例：

$("input").keydown(function(event){
 $("div").html("Key: " + event.which);
});

显示按了哪个键