事件对象属性
$(selector).click(function(event){
console.log(event.type) // 获取事件类型
return false;
})
event.which // 获取鼠标左中右键,在键盘事件获取按键
event.metakey // 获取 ctrl 按键
//事件冒泡
span==>div==>body==>window
阻止事件冒泡:event.stopPropagation();
阻止默认行为:event.preventDefault();
如果想同时阻止事件冒泡和默认行为:return false;
//事件捕获
window==>body==>div==>span
$(document).on("click","button",{type:"checkFalsePS"}, function(e){
var type = e.data.type;
console.log(e)
});
常用事件
blur //失去焦点
focus //获得焦点
load //当元素加载时
resize //当浏览器窗口改变大小时
scroll // 滚动指定元素时
unload //离开页面时
click //点击
dbclick //双击
mousedown //按下鼠标左键时
mouseup //松开鼠标左键时
mousemove //鼠标指针在指定元素中移动时
mouseover //鼠标经过
mouseout //鼠标离开
mouseenter //指针穿过时(进入)时
mouseleave //指针离开
change //当元素值发生改变时
select //当textarea或者input中的文本被选中时
submit //当表单提交时
keydown //键盘按下的过程
keypress //键被按下
keyup //键被松开
网友评论