javascript – 存储和恢复事件处理程序

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 存储和恢复事件处理程序，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2037字，纯文字阅读大概需要3分钟。

内容图文

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

我不知道问题出在哪里,该函数只会删除元素的事件而不会恢复.

请帮忙解决.

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
        }
    }

解决方法:

你几乎得到它,当你遍历事件时event_handler实际上是该事件的处理程序数组(一个事件可以附加许多处理程序).因此,您需要将这些处理程序保存在每个事件的一个数组中,以便稍后重新附加它们.

Try this：

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 example

内容总结

以上是互联网集市为您收集整理的javascript – 存储和恢复事件处理程序全部内容，希望文章能够帮你解决javascript – 存储和恢复事件处理程序所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端