jQuery中event事件怎么用
这篇文章主要为大家展示了"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, h2, h3").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);
});
显示按了哪个键
以上是"jQuery中event事件怎么用"这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注行业资讯频道！
