js事件委托怎样传参数? - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
推荐关注
Meteor
JSLint - a Javascript code quality tool
jsFiddle
D3.js
WebStorm
推荐书目
Javascript 权威指南第 5 版
Closure: The Definitive Guide
jtyjty99999
V2EX    Javascript

js事件委托怎样传参数?

  •  
  •   jtyjty99999 2012-05-11 10:44:54 +08:00 5423 次点击
    这是一个创建于 4911 天前的主题,其中的信息可能已经有所发展或是发生改变。
    大家好。。我今天正在尝试把以前人写的一大堆jq click事件绑定改成纯js的事件委托。。但是,如果这个事件绑定本来是在ajax的success后绑定的,再传入success后的data,那事件委托到document后,怎样再给函数传入data啊。。 。我的思路就是改变事件对象上面自定义属性来判断是否执行
    13 条回复    1970-01-01 08:00:00 +08:00
    benzhe
        1
    benzhe  
       2012-05-11 10:48:57 +08:00
    木有代码示例很难理解,可以尝试重载事件?
    jtyjty99999
        2
    jtyjty99999  
    OP
       2012-05-11 10:58:38 +08:00
    @benzhe 是这样的,比如我发起一个ajax请求,在success中返回data,之后$(#id).click(function (data){})
    现在我想把这个function (data)提到document上面,做成
    document.Onclick= function(ev) {
    var ev = ev || window.event;
    var target = ev.target || ev.srcElement;
    switch (target.id) {
    case "id":
    $(target).attr('binded')&&function(data);
    break;

    但这样就会报data未定义了。。。
    EchoFUN
        3
    EchoFUN  
       2012-05-11 11:06:48 +08:00
    试试,把返回的data付给window。即,window.data = data。
    或者再success后执行一个回调,在回调中再addeventlistener或者attachevent下这个方法。
    krazy
        4
    krazy  
       2012-05-11 11:06:56 +08:00
    为什么要改成原生js,不用jquery的delegate。

    回复里面应该是变量作用域的问题
    EchoFUN
        5
    EchoFUN  
       2012-05-11 11:08:10 +08:00   1
    @EchoFUN window.data = data。data就是全局的了,其他地方也可以引用。
    jtyjty99999
        6
    jtyjty99999  
    OP
       2012-05-11 11:25:51 +08:00
    @EchoFUN 这样我也考虑了。。会污染全局变量吧。。。
    benzhe
        7
    benzhe  
       2012-05-11 11:34:59 +08:00   1
    @jtyjty99999 如果一定要先委托,全局变量应该是最好的办法,怕污染的话可以先定义好这个变量。否则就选择在后面重载事件。
    jtyjty99999
        8
    jtyjty99999  
    OP
       2012-05-11 11:36:08 +08:00
    可以用delegate,但是就不知道原生js是怎么实现传值的
    jtyjty99999
        9
    jtyjty99999  
    OP
       2012-05-11 11:47:32 +08:00
    @benzhe 好的~明白了,非常感谢,最后我的办法是,把data赋给了元素的某个属性。。。
    yangg
        10
    yangg  
       2012-05-11 11:49:58 +08:00
    @jtyjty99999 那也用$("el').data()方法 啊
    wong2
        11
    wong2  
       2012-05-11 12:02:47 +08:00
    不想污染全局变量的话可以这样吧。。

    !function(){
    var data;

    $.get("/echo/json/", function(responseData){
    data = responseData;
    });

    document.Onclick= function(ev) {
    var ev = ev || window.event;
    var target = ev.target || ev.srcElement;
    switch (target.id) {
    case "id":
    $(target).attr('binded') && alert(data);
    break;
    }
    };
    }();
    wong2
        12
    wong2  
       2012-05-11 12:03:34 +08:00   1
    @wong2 格式全乱了。。。来这里看吧: http://jsfiddle.net/UCCDL/
    jtyjty99999
        13
    jtyjty99999  
    OP
       2012-05-11 13:02:16 +08:00
    @wong2 明白你的意思~非常感谢~
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     2252 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 25ms UTC 16:04 PVG 00:04 LAX 09:04 JFK 12:04
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86