这篇文章主要为大家展示了“jQuery中event事件怎么用”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“jQuery中event事件怎么用”这篇文章吧。
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事件怎么用”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注编程网行业资讯频道!