-1

我需要临时更改元素的点击事件，如下所示：

var originalEvent = '';

$("#helpMode").click(function (e) {
      originalEvent = $("#element").getCurrentClickEventHandler();
      $("#element").click(function (e) {
          //Do something else
      });
});

//Later in the code
$("#helpModeOff").click(function (e) {
      $("#element").click(originalEvent);
});

我如何将作为事件处理程序的当前函数存储在全局变量中以供以后重用？

编辑：这就是我想要做的事情：

var evnt = '';

$("#helpTool").click(function (e) {
if(!this.isOn){

evnt = $("#Browse").data('events').click;
$("#ele").unbind('click');
$("#ele").click(function (e) {
    alert('dd');
});

this.isOn=true;
}else{
    this.isOn = false;
    alert('off');
    $("#ele").unblind('click');
    $("#ele").click(evnt);
}
});
4

3 回答 3

0

就个人而言，我认为我会避免手动绑定和解除绑定处理程序。

解决此问题的另一种方法是将点击事件绑定到类，然后您需要做的就是在切换到/从帮助模式时从适当的元素中添加和删除类。

这是一个jsfiddle说明我的意思。

切换到帮助模式和从帮助模式切换只涉及添加删除类：

$('#btnhelpmode').click(function(){
    if(!helpMode){
     helpMode = true;   
     $('.normalmode').addClass('helpmode').removeClass('normalmode');
     $(this).val('Switch to normal mode...');                            
    }else{
     helpMode = false;   
     $('.helpmode').addClass('normalmode').removeClass('helpmode');              
     $(this).val('Switch to help mode...');                                        
    }        
});

您只需创建所需的处理程序，将它们绑定到适当的类：

$('#pagecontent').on('click', '#element1.normalmode', function(){        
   alert('element1 normal mode'); 
});

$('#pagecontent').on('click', '#element1.helpmode', function(){        
   alert('element1 help mode'); 
});

$('#pagecontent').on('click', '#element2.normalmode', function(){        
   alert('element2 normal mode'); 
});

$('#pagecontent').on('click', '#element2.helpmode', function(){        
   alert('element2 help mode'); 
});
于 2012-07-24T20:16:04.600 回答
0

给你，想通了：

现在使用 e.srcElement.id 您可以获得 HelpMode 或 HelpModeOff 然后可以打开/关闭您的帮助内容！

http://jsfiddle.net/zcDQ9/1/

var originalEvent = '';

$('#element').on('yourCustomEvent', function (e) {
   // do stuff
   alert(originalEvent);
   $(this).toggleClass('toggleThing');

   //test for helpMode or helpModeOff here now...
});

$("#helpMode").on('click', function (e) {
    originalEvent = e.srcElement.id;
    $("#element").trigger('yourCustomEvent');
});


//Later in the code
$("#helpModeOff").on('click', function (e) {
   originalEvent = e.srcElement.id;
   $("#element").trigger('yourCustomEvent');
});​
于 2012-07-24T19:18:27.893 回答
0

好的。在 jQuery 1.7 中，我想这有点不同。

//get the handler from data('events')

$.each($("#element").data("events"), function(i, event) {
    if (i === "click") {
        $.each(event, function(j, h) {
            alert(h.handler);
        });
    }   
});

http://jsfiddle.net/yQwZU/

这是参考。

不确定以下是否适用于 1.7。

originalEvent = $('#element').data('events').click;

jQuery 将所有处理程序存储在data. 请参阅此处以了解有关data('events').

于 2012-07-24T19:18:43.023 回答