jquery 事件对象属性小结

2020-05-24 21:21:25易采站长站整理

结果:”hey”



timeStamp
事件发生时的时间戳.
var last;
$(“p”).click(function(event) {
if( last )
alert( “time since last event ” + event.timeStamp – last );
last = event.timeStamp;
});


上面是jQuery官方文档中提供的event对象的属性. 在”jQuery实战”一书中还提供了下面的多浏览器支持的属性, 时间关系我没有尝试每一个属性, 大家可以帮忙验证是否在所有浏览器下可用:




























属性名称描述
altKeyAlt键是否被按下. 按下返回true
ctrlKeyctrl键是否被按下, 按下返回true
metaKeyMeta键是否被按下, 按下返回true.
meta键就是PC机器的Ctrl键,或者Mac机器上面的Command键
shiftKeyShift键是否被按下, 按下返回true
keyCode对于keyup和keydown事件返回被按下的键. 不区分大小写, a和A都返回65.对于keypress事件请使用which属性, 因为which属性跨浏览时依然可靠.
which对于键盘事件, 返回触发事件的键的数字编码. 对于鼠标事件, 返回鼠标按键号(1左,2中,3右).
screenX/Y对于鼠标事件, 获取事件相对于屏幕原点的水平/垂直坐标


 


事件对象除了拥有属性, 还拥有事件. 有一些是一定会用到的事件比如取消冒泡 stopPropagation() 等.下面是jQuery事件对象的函数列表:









名称说明举例
preventDefault()取消可能引起任何语意操作的事件. 比如<a>元素的href链接加载, 表单提交以及click引起复选框的状态切换.
$(“a”).click(function(event){
event.preventDefault();
// do something
});