jQuery事件对象

事件对象就是event 对象,通过处理函数默认传递接受。之前处理函数的e 就是event事件对象,event 对象有很多可用的属性和方法。

$('button').click(function(event) {})

event对象的属性

  • type:获取这个事件的事件类型,例如:click
  • target:获取绑定事件的DOM 元素
  • data 获取事件调用时的额外数据
  • relatedTarget:获取移入移出目标点离开或进入的那个DOM 元素
  • currentTarget: 获取冒泡前触发的DOM 元素,等同与this
  • pageX/pageY: 获取相对于页面原点的水平/垂直坐标
  • screenX/screenY: 获取显示器屏幕位置的水平/垂直坐标(非jQuery 封装)
  • clientX/clientY: 获取相对于页面视口的水平/垂直坐标(非jQuery 封装)
  • result: 获取上一个相同事件的返回值
  • timeStamp: 获取事件触发的时间戳
  • which: 获取鼠标的左中右键(1,2,3),或获取键盘按键
  • altKey/shiftKey/:
  • ctrlKey/metaKey:
  • 获取是否按下了alt、shift、ctrl(这三个非jQuery 封装)或
  • meta: 键(IE 原生meta 键,jQuery 做了封装)
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容