Javascript 多事件上的文档选择器

因此，我们可以使用Jquery在

keyup

上编写函数：

$('#thing').on('keyup',function(){
    //code goes here
});

但是，如果您想使用ajax或在javascript中动态创建

#东西

，那么这将不起作用

在动态创建这样的元素的实例中，可以使用

文档

。将使用以下方法：

$(document).on('keyup','#thing',function(){
    //code goes here
});

但是如果我们想要多个活动呢？？

允许使用非动态版本。假设我们需要keyup和keypress：

$('#thing').on('keyup keypress',function(){
    //code goes here
});

但下面的动态版本不起作用：

$(document).on('keyup keypress','#thing',function(){
    //code goes here
});

---

如何在特定选择器上对多个事件使用

$（document）.on

？如果不可能，那么启用动态创建的等效方法是什么？

在chrome中对我来说似乎很好。您确定创建的元素会触发要绑定到的事件吗？也可能是浏览器兼容性问题

$('body').append('<input type="text" id="thing" placeholder="thing">');


$(document).on('keyup keypress','#thing',function(){
   alert('event tiggered');
});

$（'body'）。追加（“”）；
$（document）.on（'keyup keypress'，'#thing'，function（）{
警报（“事件触发”）；
});