文章详情

短信预约-IT技能 免费直播动态提醒

请输入下面的图形验证码

提交验证

短信预约提醒成功

jQuery中event事件怎么用

2024-04-02 19:55

关注

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

阅读原文内容投诉

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题
  • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

    难度     813人已做
    查看
  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     354人已做
    查看
  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     318人已做
    查看
  • 2024年上半年软考高项第一、二批次真题考点汇总(完整版)

    难度     435人已做
    查看
  • 2024年上半年系统架构设计师考试综合知识真题

    难度     224人已做
    查看

相关文章

发现更多好内容

猜你喜欢

AI推送时光机
位置:首页-资讯-后端开发
咦!没有更多了?去看看其它编程学习网 内容吧
首页课程
资料下载
问答资讯