博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
jQuery事件对象---常见属性
阅读量:7064 次
发布时间:2019-06-28

本文共 1095 字,大约阅读时间需要 3 分钟。

版权声明:本文为博主原创文章,转载请注明出处。 https://blog.csdn.net/twilight_karl/article/details/73335816

event对象常见属性

属性 含义
type 获取这个事件的事件类型的字符串,例如:click
target 获取与事件绑定的 DOM 元素
data 获取事件调用时的额外数据
relatedTarget 获取移入移出目标前所在的元素
currentTarget 获取冒泡前触发的 DOM 元素,等同与 this
pageX/pageY 获取相对于页面原点的水平/垂直坐标
screenX/screenY 获取显示器屏幕位置的水平/垂直坐标(非 jQuery 封装)
clientX/clientY 获取相对于页面可见部分的水平/垂直坐标(非 jQuery 封装)
result 获取上一个相同事件的返回值
timeStamp 获取事件触发的时间戳(字符串)
which 获取鼠标的左中右键(1,2,3),或获取键盘按键
altKey/shiftKey/ctrlKey/metaKey 判断在点击的同时是否按下了 alt、shift、ctrl键

Target

  • target 获得触发元素的DOM(点击的元素)
  • currentTarget得到的是监听元素的DOM(绑定的元素)

对于样式:

用鼠标进入事件模拟三种target的效果:

target:

currentTarget:

relatedTarget:

data

通过 event.data 获取额外数据,可以是数字、字符串、数组、对象

$(":button:eq(1)").bind("click","sss",function(e){
alert(e.data); });

pageY、screenY、clienty

  • pageY 是对于页面顶端的距离,包括未显示的部分,所以常用于滚动条,随着滚动条改变
  • screenY 是对于屏幕顶端的距离,不随滚动条改变
  • clienty 是相对于页面可见部分顶端的距离,不随滚动条改变

page

which

判断鼠标点击,不过实验的时候好像只有左键有效 (/= _ =)/~┴┴

$(":text").click(function(e){
alert(e.which); });

判断键盘按下的值

$(":text").keydown(function(e){
alert(e.which); });
你可能感兴趣的文章
delphi提示错误行号之Assert(断言)
查看>>
springmvc 导出excel
查看>>
人工智能火了,为啥医疗成为最先受益者?
查看>>
雷军带领小米老员工公园步行 称这些人是小米最宝贵财富
查看>>
滴滴公布自查进展:免去黄洁莉顺风车事业部总经理职务
查看>>
中国PPP管理库项目累计投资额13.2万亿元
查看>>
甘肃崆峒古镇“文化赶集”:非遗“上台”贺新春
查看>>
俄罗斯食品来中国“过年”
查看>>
市场监管总局:保健食品应标注不具疾病预防治疗功能
查看>>
GitHub 上开源的区块链项目 90% 死亡了
查看>>
澳网张帅首夺大满贯 女双携斯托瑟挑落卫冕冠军
查看>>
“平潭-高雄”货运直航开通 三大优势凸显
查看>>
“共度欢乐春节”摄影图片展在阿斯塔纳开幕
查看>>
新光大ArtPark9亮相 以“艺术”再造生活方式
查看>>
关于Python数据分析,这里有一条高效的学习路径
查看>>
三亚:严查“先登记支付房款、后补交社保或个税”行为
查看>>
神级程序猿用HTML5代码画出恐龙求欢图,想象力太丰富!
查看>>
谋势、聚力、强生态,用友三十而立
查看>>
python爬虫——40行代码爬取「笔趣看」全部小说
查看>>
数据分析师完整的知识结构
查看>>