JQ 事件

作者: Cherry丶小丸子 | 来源:发表于2020-01-09 10:18 被阅读0次
事件对象属性
$(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        //键被松开

相关文章

网友评论

      本文标题:JQ 事件

      本文链接:https://www.haomeiwen.com/subject/ebiductx.html