zoukankan      html  css  js  c++  java
  • jquery在元素上收购事件

    jquery的给元素绑定的事件能够用data方法取出来
    通过$(element).data("events")来获取


    // 比方给一个button绑定两个click事件

    $("button").click(function() { alert("1") });
    $("button").click(function() { alert("2") });


    // 这个时候点击该button会分别弹出 2 和1的alert框


    // 取出该button的全部click事件,是个数组

    $("button").data('events').click
    会看到两个click事件的数组



    得到该数组,你能够调整顺序后再设回去

    $("button").data('events').click = newEventArray;

    以下是这种方法的測试页面:

    <span style="font-size:18px;"><%@ page contentType="text/html;charset=UTF-8" language="java" %>  
     
    <!DOCTYPE HTML>  
    <html>  
    <head>  
        <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
        <html xmlns="http://www.w3.org/1999/xhtml">  
        <head>  
            <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
            <title>測试jquery动态改变事件</title>  
      
           <script type="text/javascript" src="/static/lib/jquery-1.6.2.min.js"></script>  
           <script type="text/javascript" src="/static/lib/jquery.cookie.min.js"></script>  
            <script type="text/javascript" src="/static/lib/util.min.js"></script>  
            <script type="text/javascript" src="/static/lib/jquery.bgiframe.min.js"></script>  
            <script type="text/javascript" src="/static/lib/jshashtable.min.js"></script>  
        </head>  
        <body>  
    <h1>该demo用于測试jquery附加了事件以后可不能够动态改变事件有无,及顺序</h1>  
    <input id="btn" type="button" value="点击我运行事件,分别运行三个次序弹窗"/><br/>  
    <input id="btn_clear" type="button" value="点击清空运行事件,清空后第一个按钮无反应"/><br/>  
    <input id="btn_revert" type="button" value="点击还原运行事件,点击后第一个按钮又会有反应"/><br/>  
    <input id="btn_seq" type="button" value="点击我改变运行事件顺序,顺序会改变"/><br/>  
     <script type="text/javascript">  
    $(document).ready(function(){  
         $("#btn").click(function(){  
             alert(1);  
         });  
         $("#btn").click(function(){  
             alert(2);  
         });  
         $("#btn").click(function(){  
             alert(3);  
         });  
        var _arr_events= $("#btn").data("events")["click"];  
         $("#btn_clear").click(function(){  
             $("#btn").data("events")["click"]=undefined;  
         });  
         $("#btn_revert").click(function(){  
             $("#btn").data("events")["click"]=_arr_events;  
         });  
      
     });  
     </script>  
        </body>  
    </html>  
    </span>


     

     

     

     

     

     

    版权声明:本文博客原创文章。博客,未经同意,不得转载。

  • 相关阅读:
    grep在一个特定的文件搜索文件夹keyword
    Mysql HA
    通过wmi获取本地硬件信息的一些疑问。
    nginx+tomcat 架构 HttpServletRequest.getScheme()获取正确的协议
    mybatis配置log4j控制台打印SQL语句
    mybatis使用${}拼接sql出错??
    【MySQL】JDBC连接MySQL的一些问题以及解决办法
    mybatis 嵌套查询子查询column传多个参数描述
    关于一些对location认识的误区
    Nginx+lua学习
  • 原文地址:https://www.cnblogs.com/lcchuguo/p/4620418.html
Copyright © 2011-2022 走看看