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事件怎么用”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注创新互联行业资讯频道!


分享名称:jQuery中event事件怎么用
URL分享:http://bzwzjz.com/article/jsgseg.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 成都网站制作 成都网站建设 重庆电商网站建设 企业网站建设 成都网站设计 重庆网站设计 企业手机网站建设 成都网站建设 成都网站建设公司 网站建设公司 网站建设 成都网站建设 移动网站建设 成都网站建设 梓潼网站设计 自适应网站设计 成都网站设计 成都网站设计 温江网站设计 网站建设方案 成都响应式网站建设 成都网站建设公司