jQuery事件

Posted 2020-10-17 niusan

事件:
1， $(‘ele‘).click(function () {});  dblclick(function() {});
   $(‘ele‘).click(传递的数据,function(e){e.data 指向传递的数据}); //为了解决不同作用域下数据的传递问题
2, mousedow() mouseup() 鼠标按下，鼠标离开事件 event switch 1左键，2中键，3右键
3,mouseover();移入 mouseout();移除
4，mouseenter() mouseleave();鼠标移动到元素的内部或者外部。事件只会绑定在它得到元素上被调用
5,hover(function() {/*鼠标进入触发*/}, function() {/*鼠标离开时触发*/});
6, focusin();  获取焦点focusout();失去焦点
   blur();focus();失去焦点和获取焦点   
         focus()在元素本身产生，focusin() 在元素包含的元素中产生，
         blur和focus亦是如此
7，change事件  input,textarea,select元素的值都是可以发生改变的，监听这些动作的改变
8，select() 事件 只能用于input或者textarea元素
9，表单提交事件submit，
   e.preventDefault() 处理默认行为  return false;
10,keydown(); keyup();
11,keypress();主要接受字母数字，不支持组合键
12，on(‘click‘,fun)
   on({
      click:fun
      dblclick:fun
   })  
   on(‘click‘,‘a‘,fun);
13,通过on绑定事件，通过off卸载事件
14，事件代理 event.target 注册事件时的元素
         event.type 获取事件类型
         event.pageX/Y 获取鼠标相当于页面的坐标
         event.preventDefault() 阻止默认行为
         event.stopPropagation() 阻止事件冒泡
         event.which  获取鼠标单击时，单击的是哪个键
         event.currentTarget 在事件冒泡过程中当前DOM元素
15， trigger(‘event name‘);触发浏览器的默认事件 也能自定义事件
16，tiggerHandler 事件不会触发浏览器的默认行为不会再ＤＯＭ上冒泡