事件对象的属性,基于jQuery(jquery针对不同浏览器进行了兼容性的封装) - tianqiZhang

zhangtianqi520 2021-08-15 原文


事件对象的属性,基于jQuery(jquery针对不同浏览器进行了兼容性的封装)


1. event.type(该方法是获取到事件的类型)

$( \'a\' ).click( function( event ){
    alert( event.type );      //click
    return false;    
} )

2.event.preventDefault()(该方法是阻止事件的默认行为,如:a链接的跳转行为,效果如同:return false)

3.event.stopPropagation()(该方法是阻止事件冒泡行为,效果如同:return false)

4.event.target(获取触发事件的元素)

$( \'a[href="cccc"]\' ).click( function(){
     var t = event.target;
     alert( t.href );      //cccc
     return false;
} )

5.event.relatedTarget(返回与事件的目标节点相关的节点。对于 mouseover 事件来说,该属性是鼠标指针移到目标节点上时所离开的那个节点。对于 mouseout 事件来说,该属性是离开目标时,鼠标指针进入的节点。对于其他类型的事件来说,这个属性没有用。)

6.event.pageX与event.pageY(获取事件元素相对于页面中的坐标)

7.event.which(获取按键值)

//获取鼠标按键代码(1:鼠标左键;2:鼠标右键;3:鼠标右键)
$( \'a\' ).mousedown( function( event ){
    alert( event.which );
} )

//获取键盘按键代码
$( \'input\' ).keyup( function( event ){
    alert( event.which );
} )

8.event.metaKey(与event.which类似主要获取Ctrl按键)

发表于
2017-06-22 19:47 
tianqiZhang 
阅读(273
评论(0
编辑 
收藏 
举报

 

版权声明:本文为zhangtianqi520原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://www.cnblogs.com/zhangtianqi520/p/7066897.html

事件对象的属性,基于jQuery(jquery针对不同浏览器进行了兼容性的封装) - tianqiZhang的更多相关文章

  1. 正则表达式匹配电话号码和手机号码 – Leoxlu

    正则表达式匹配电话号码和手机号码 正则表达式匹配电话号码和手机号码   正则表达式 \d{3}-\d{8}|\ […]...

  2. ApiTesting全链路接口自动化测试框架 – 实战应用

    为了遵守相关法律法规,合法合规运营,网站进行全面整改,整改工作于2021年3月18日12:00开始,预计于3月 […]...

  3. android:scaleType属性 – 勤修

    android:scaleType属性 ImageView.ScaleType.XXX|android:sca […]...

  4. 2020年Java基础高频面试题汇总(1.4W字详细解析) – Java架构师追风

    2020年Java基础高频面试题汇总(1.4W字详细解析) 32道Java基础高频面试题详细解析 1、 Jav […]...

  5. 用python做一个简单的pong游戏 – jokermarvelous

    用python做一个简单的pong游戏 pong游戏就是一个用挡板去控制一个小球不触底的一个小游戏,上个世纪以 […]...

  6. ubuntu系统:后台执行程序然后把程序输出内容存放在一个文件 方便查询日志 – zhbank

    ubuntu系统:后台执行程序然后把程序输出内容存放在一个文件 方便查询日志 怎么样使程序在后台执行 //// […]...

  7. 保存分区表时出现错误(0000000001)函数不正确 – zno2

    保存分区表时出现错误(0000000001)函数不正确 进入Windows PE  —— 打开diskgeni […]...

  8. 无线 WIFI 的13个信道频率范围(转载) – 次奥砖家

    无线 WIFI 的13个信道频率范围(转载) 转自:http://cnzhx.net/blog/13-chan […]...

随机推荐

  1. JavaScript权威指南—-一个JavaScript贷款计算器

    废话不多说上例子代码:   1 <!DOCTYPE html> 2 <html> 3 […]...

  2. python IDE安装-mac mac 配置Python集成开发环境(Eclipse +Python+Pydev)

    1、下载Mac版64位的Eclipse。 进入到Eclipse官方网站的下载页面(http://www.ecl […]...

  3. iOS性能调试

    对于软件开发而言,调试是必须学会的技能,重要性不言而喻。对于调试的技能,基本上是可以迁移的,也就是说你以前在其 […]...

  4. 从零开始设计一个博客

    导航 前言 1 首页 布局 轮播图 文章列表 2 注册+登录 注册 登录 3 个人中心 个人信息展示 个人信息 […]...

  5. 机器学习入门-混淆矩阵-准确度-召回率-F1score 1.itertools.product 2. confusion_matrix(test_y, pred_y)

    1. itertools.product  进行数据的多种组合 intertools.product(rang […]...

  6. 压缩和解压工具bandizip

    同质化的压缩软件 提及 Windows 平台的压缩软件,大家往往想起老牌的 WinRAR、开源免费的 7-Zi […]...

  7. Linux基础介绍【第九篇】

    Linux基础介绍【第九篇】 服务器添加3块磁盘的体系结构   [root@oldboylinux test] […]...

  8. java面试一日一题:java线程池

    问题:请讲下java中的线程池 分析:在面试中经常问到线程池的问题,要掌握其基本概念,使用方法,注意事项等,引 […]...

展开目录

目录导航