Question

所以我们可以通过使用Jquery在keyup上编写一个函数：

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

但是，如果你想在javascript中使用ajax或动态创建#thing，那么这将无效。

在动态创建类似元素的实例中，使用document。将使用以下内容：

$(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多个事件？如果不可能，什么是等效的动态创建？

Answer 1

似乎在我的Chrome中工作正常。您确定您创建的元素会触发您绑定的事件吗？可能也是浏览器兼容性问题。

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


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

http://jsfiddle.net/aY29a/

多个事件的文档选择器

1 个答案: