JS挂钩自定义事件

时间:2013-11-13 15:29:16

标签: javascript jquery events

我的.NET控件有一个客户端脚本。该脚本挂钩所有:checkbox项以触发名为 OnOptionItemSelected 的事件。

function ControlScript() {

    this.OnOptionItemSelected = function (e) { /* do something */ }
    this.Configure = function () {
        // hook change event of items in the input control          
        $('#' + this.ControlID).find(":radio, :checkbox")
                        .on("change", this, this.OnOptionItemSelected);
    }        
}

(删除了一些代码)

在页面的另一个位置,我获取特定控件的客户端脚本,并需要挂钩 OnOptionItemSelected 事件。我该如何勾选这个事件?

var script = GetScriptForControl(ID);
if (script)
  // hook script.OnOptionItemSelected to a custom function ????

2 个答案:

答案 0 :(得分:0)

我将假设GetScriptForControl返回一个ControlScript实例。所以我要做的是:

if(script) { 
  oldOptionItemSelected = script.OnOptionItemSelected
  script.OnOptionItemSelected = function(ev) { 
    /* before OptionItemSelected code HERE */ 
    oldOptionItemSelected.call(script,ev);
    /* after OptionItemSelected code  HERE */ 
  };
  /* rebind the events */
  script.Configure();
}

答案 1 :(得分:0)

我实际上找到了一个更符合我需求的答案:

function ControlClientSide()
{    
    this.CheckBoxClicked = function() { }        
    this.Configure = function() {        
        $('#checkBox100').change(function() { $(this).triggerHandler("CheckBoxClicked"); }.bind(this));   
    };
    this.Configure();
};

var x = new ControlClientSide();
$(x).on("CheckBoxClicked", function() { alert( this.constructor.name + ' Hi'); })
    .on("CheckBoxClicked", function() { alert( this.constructor.name + ' Hi2'); });

我唯一想知道的是如何将“this”作为“CheckBoxClicked”事件处理程序中的复选框。目前它被设置为ControlClientSide函数。

参见示例:http://jsfiddle.net/KC5RH/3/