jQuery基础5-事件

版权声明:作者:shenroom 来源:CSDN 版权声明:本文为博主原创文章,转载请附上博文链接! https://blog.csdn.net/qq_41772754/article/details/88083392

1. jQuery 事件 

  change([[data],fn])                              // 当元素的值发生改变时触发.
  click([[data],fn])                               // 点击元素时触发.
  dblclick([[data],fn])                            // 当双击元素时触发.
  error([[data],fn])                               // 当元素遇到错误(没有正确载入)时触发.
  focus([[data],fn])                               // 当元素获得焦点时
  blur([[data],fn])                                // 当元素失去焦点时触发.
  focusin([data],fn)                               // 当元素获得焦点时(可以在父元素上检测子元素获取焦点的情况)
  focusout([data],fn)                              // 当元素失去焦点时(可以在父元素上检测子元素失去焦点的情况)
  keydown([[data],fn])                             // 当键盘或按钮被按下时
  keypress([[data],fn])                            // 当键盘或按钮被按下时
  keyup([[data],fn])                               // 当按钮被松开时
  mousedown([[data],fn])                           // 鼠标按下时
  mouseup([[data],fn])                             // 鼠标松开时
  mousemove([[data],fn])                           // 鼠标移动时 
  mouseenter([[data],fn])                          // 鼠标穿入时
  mouseleave([[data],fn])                          // 鼠标穿出时
  mouseover([[data],fn])                           // 鼠标移入时
  mouseout([[data],fn])                            // 鼠标移除时
  resize([[data],fn])                              // 当调整浏览器窗口的大小时
  scroll([[data],fn])                              // 当用户滚动指定的元素时
  select([[data],fn])                              // 当 textarea 或文本类型的 input 元素中的文本被选择时
  submit([[data],fn])                              // 当提交表单时
  unload([[data],fn])                              // 在当用户离开页面时

2.jQuery 事件处理 

  页面载入
  ready(fn)                                            //  当DOM载入就绪可以查询及操纵时绑定一个要执行的函数。
 
事件处理
  on(eve,[sel],[data],fn)                        //  1.7+在选择元素上绑定一个或多个事件的事件处理函数。  
  off(eve,[sel],[fn])                                //  1.7+在选择元素上移除一个或多个事件的事件处理函数。
  one(type,[data],fn)                            //  为每一个匹配元素绑定一个一次性的事件处理函数。
  bind(type,[data],fn)                           //  为每个匹配元素的特定事件绑定事件处理函数。(未来将被废弃)
  unbind(t,[d|f])                                   //  从每一个匹配的元素中删除绑定的事件。(未来将被废弃)
  trigger(type,[data])                           //  在每一个匹配的元素上触发某类事件。
  triggerHandler(type, [data])             //  在第一个匹配的元素上触发某类事件(阻止冒泡和默认行为)。

  事件委派(以下4个未来都将被废弃,用on()和off()代替)
  live(type,[data],fn)                           //  1.7-将元素事件委派给document。
  die(type,[fn])                                    //  1.7-删除live()方法委派的事件。
  delegate(s,[t],[d],fn)                         //  将子元素事件委派给祖先辈元素(局部)。
  undelegate([s,[t],fn])                        //  删除由 delegate() 方法委派的事件。
  
 
事件切换:
  hover([over,]out)                              //  一个模仿悬停事件(鼠标移动到一个对象上面及移出这个对象)的方法
  toggle([spe],[eas],[fn])                     //  1.9*用于绑定两个或多个事件处理器函数,以响应被选元素的轮流的 click   事件

3. 事件命名空间

 //给 div 添加带有名字的事件
 $("div").on("click.aaa",fn1);  
 $("div").on("click.bbb",fn1);
 $("div").on("kedown.aaa",fn1);

 $("div").off("click");                             //删除div上所有的click事件
 $("div").off("click.aaa");                      //删除div上后缀名为aaa的click事件
 $("div").off(".aaa");                             //删除div上所有后缀名为aaa的事件

4.自定义事件

 $("#box").on("myclick",function(){ ... })       //自定义事件 myclick
 $("#box").trigger("mhclick")                        //执行自定义事件 

jQuery基础1-简介、语法

jQuery基础2-选择器

jQuery基础3-筛选(过滤、查找、串联)

jQuery基础4-dom元素操作

jQuery基础5-事件

jQuery基础6-动画效果

jQuery基础7-Ajax请求

jQuery基础8-event事件对象

jQuery基础9-工具函数

jQuery基础10-延迟对象 和 回调函数

猜你喜欢

转载自blog.csdn.net/qq_41772754/article/details/88083392
今日推荐