存储和还原事件处理程序 [英] Store and Restore event handler

问题描述

请帮助修复我的功能，存储一个元素的事件并删除它们，然后重新安装;

Please help to fix my function, store event of one element and delete them, then re-install;

我不知道问题在哪里功能只会删除元素的事件并且不会恢复。

I don't know where is the problem, the function will only delete the event of element and will not restore.

请帮助修复。

HTML

<a href="#" id="a">a</a>
<a href="#" id="b">b</a>​

JS

$("#a").hover(function(){alert("test")});

$("#b").click(function(){
    Test_Handle('#a');
}

function Test_Handle(id) {
         target = $(id);
        if($.hasData(target.get(0))){    //  if the elment has event || target = element
            target[0].event_name = [];
            target[0].event_handler = [];

            events = $._data(target.get(0), 'events');  // take all events of the element

            $.each(events, function(event_name, event_handler){ 
                target[0].event_name.push(event_name);
                target[0].event_handler.push(event_handler);
            });  //store the events

            target.off();  // delete the events
        }else{    // has the elment no event
            for(var i=0; i < target[0].event_handler.length; i++){
                target.on(target[0].event_name[i], target[0].event_handler[i]);
            }  // re-store the events

            target[0].event_name = [];
            target[0].event_handler = [];  //reset
        }
    }

推荐答案

p>几乎可以得到它，当您遍历事件 event_handler 实际上是该事件处理程序的数组（一个事件可以附加许多处理程序）。所以你需要将这些处理程序保存在每个事件的一个数组中，所以你可以稍后重新附加它们。

You almost got it, when you iterate through the events event_handler is actually an array of the handlers of that event (an event can have many handlers attached). So you need to save those handlers in one array for each of the events, so you can re-attach them later.

尝试这个：

function Test_Handle(id) {
    target = $(id);
    events = $._data(target[0], 'events');
    if(events!=undefined){   
        target[0].event_name = [];
        target[0].event_handler = [];        
        $.each(events, function(event_name, event_handler){
            target[0].event_name.push(event_name);
            var _handlers=[];
            for(var i=0;i<event_handler.length;i++){
                _handlers.push(event_handler[i].handler);
            }
            target[0].event_handler.push(_handlers);          
        });  //store the events
        target.off();  // delete the events
    }else{    // has the elment no event
        for(var i=0; i < target[0].event_handler.length; i++){
            for(var ii=0;ii<target[0].event_handler[i].length;ii++){
                target.on(target[0].event_name[i], target[0].event_handler[i][ii]);
            }          
        }  // re-store the events
        target[0].event_name = [];
        target[0].event_handler = [];  //reset
    }
}

$("#a").hover(function(){alert("test")});

$("#b").click(function(){
    Test_Handle('#a');
});

JSFiddle示例

这篇关于存储和还原事件处理程序的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！