Question

我使用javascript在html中为输入，下拉列表，datepicker渲染动态控件。控件由用户端呈现，因此我们不知道此时控制渲染的类型是如何提升关键事件以及更改和选择事件。

例如：输入框表示使用keyup事件。

this.on(target ,"keyup",function)

如何在同一行事件中使用基于控件渲染（下拉列表和日期选择器）

Answer 1

正如你所说 我使用javascript在html中为输入，下拉列表，datepicker渲染动态控件。

为此你可以调用一个函数，该函数可以传入一个参数，这可以让你决定应该用该控件做什么：

假设你已经附加了你的输入，就在它之后你可以用一些args调用一个函数，或者发送一个具有某些特定信息的对象，如：

$(parentElem).append(control); // suppose you have appended the type text

bindEvent({ctrlId:control.id, parentEl:parentElem, ctrlEvent:controlEv});  

function bindEvent(obj){
   $(obj.parentEl).on(obj.event, '#'+obj.ctrlId, function(e){
       // here you can check for e.type == "change/click/focus/keyup" etc
   })
}

Answer 2

你可以像这样设置听众：

$('#' + target.Id).keyup(function(){
    //do whatever
});

$('#' + target.Id).change(function(){
    //do whatever
});

如何使用keyup，选择，更改事件

2 个答案: