码迷,mamicode.com
首页 > Web开发 > 详细

jQuery中的事件

时间:2019-10-25 16:29:00      阅读:123      评论:0      收藏:0      [点我收藏+]

标签:ret   return   span   事件冒泡   表单提交   链接   默认事件   委托   handle   

一、事件的绑定:一个元素可以绑定多个同类型事件

  技术图片

 

 

 2、自动触发事件与取消默认事件

 

  原生JS中

 1)取消默认行为:例如 超链接点击跳转,表单提交
    function stopDefault( e ) { 
    if ( e && e.preventDefault ) 
    e.preventDefault();
    else 
    window.event.returnValue = false;  //兼容IE浏览器
    return false; 
    }

  2)取消冒泡

    function(e){

      if( e && e.stopPropation )
        e.stopPropagation();
      else
        window.event.cancelBubble = true;  //兼容IE浏览器
    }

 

 

  jQuery中

    -元素.trigger(‘事件类型‘)     触发事件时会触发事件冒泡   触发默认行为
    -元素.triggerHandler(‘事件类型‘) 触发事件时不会触发事件冒泡 不触发默认行为
  技术图片

 

    技术图片

 

   技术图片

 

 二、jQuery中事件委托

    例如:给所有的Li元素绑定单击事件,如果直接给Li元素绑定,那么新增的li元素仍没有该事件,这就需要事件委派(将子元素事件绑定给其祖先元素)

    技术图片

 

   本质上该事件是绑定给ul的,利用了事件冒泡

   技术图片

 

jQuery中的事件

标签:ret   return   span   事件冒泡   表单提交   链接   默认事件   委托   handle   

原文地址:https://www.cnblogs.com/qqinhappyhappy/p/11738418.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!