zoukankan      html  css  js  c++  java
  • jq给同一元素绑定多个事件

    $(".aa").on("click",function(){
            alert(1)
        }).on("mousemove",function(){
            console.log(1);
        });
    $(".aa").on({click:function(){
            alert(1)
        },mousemove:function(){
            console.log(2);
        }})

    如果需要传参数,除定义全局变量,在方法中直接使用全局变量外,还可使用以下方法

    $(".aa").on("click",{val:a},a1).on("mousemove",{val:b},a2);
        function a1(e){
            alert(e.data.val)
        }
        function a2(e){
            console.log(e.data.val)
        }

     通过delegate给同一元素绑定多个事件

    $("body").delegate(
                ".msg-layer",{
                    mousedown: function (e) {
                        var el = $(".msg-layer");
                        var os = el.offset(),
                        dx = e.pageX - os.left, dy = e.pageY - os.top;
                        $(document).on('mousemove.drag', function (e) {
                            el.offset({top: e.pageY - dy, left: e.pageX - dx});
                        });
                    },
                    mouseup: function (e) {
                        $(document).off('mousemove.drag');
                    }
                }
        );
    $("body").delegate(
                ".msg-layer","mousedown mouseup",function(e){
                    if(e.type == "mousedown"){
                        var el = $(".msg-layer");
                        var os = el.offset(),
                                dx = e.pageX - os.left, dy = e.pageY - os.top;
                        $(document).on('mousemove.drag', function (e) {
                            el.offset({top: e.pageY - dy, left: e.pageX - dx});
                        });
                    }else if(e.type == "mouseup"){
                        $(document).off('mousemove.drag');
                    }
                }
        );
  • 相关阅读:
    Labeling Balls(拓扑排序wa)
    Trailing Zeroes (III)(lightoj 二分好题)
    布线问题(prime)
    Let the Balloon Rise(map)
    iframe实现伪ajax
    a标签点击不跳转的几种方法
    Javascript的DOM总结
    Mysql:数据库导入导出
    python之迭代器与生成器
    随机获取数据库的数据
  • 原文地址:https://www.cnblogs.com/dongxiaolei/p/7478368.html
Copyright © 2011-2022 走看看