zoukankan      html  css  js  c++  java
  • jquery中的事件机制

    Jquery事件机制

    简单事件 $(‘div’).click(function(){…}) 简单方便

    Bind方法 $(‘div’).bind(‘click,mouseenter…’,function(){…})

    特点: 可以对h5新增的事件进行绑定;可以同时注册多个事件;

    底层原生的实现是addEventListenter 注册事件

    Delegate方法 $(‘div’).delegate(‘p’,’click’,function(){…})

    事件委托: 1.  给祖辈元素绑定事件,只绑定一次

                    2.  this指向当前点击的那个元素

    原理:事件冒泡

    优点:1.  可以给动态创建的元素绑定事件

            2.  可以批量创建事件

    Jquery1.7后统一成了on方法

    1.  普通绑定事件 $(‘div’).on(‘click’,function(){…})
    2.  事件委托 $(‘div’).on(‘click’,’span’,function(){……})

    注意点: 事件委托的this指向当前点击的元素

    解绑事件off()

    Off()解绑所有事件

    Off(‘事件名‘) 解绑指定事件

    触发事件:对于h5中新增的事件,如果要触发,只能用trigger

    Jquery事件对象对于原来的事件对象进行了兼容处理

    Return false 即可以阻止冒泡,也可以阻止浏览器默认行为;

    在js底层中return false 只能是阻止浏览器的默认行为

  • 相关阅读:
    Redis篇
    MySql篇
    Tomcat篇
    JDK篇
    冒泡排序(算法源码)
    堆排序(源码)
    快速排序(递归及非递归算法源码)
    MongoDB 复制
    MongoDB appendix
    服务器端脚本
  • 原文地址:https://www.cnblogs.com/z-lin/p/11127509.html
Copyright © 2011-2022 走看看