JQ 事件

2020-01-09  本文已影响0人  Cherry丶小丸子
事件对象属性
$(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        //键被松开
上一篇 下一篇

猜你喜欢

热点阅读