Question

我无法在动态创建的文本框中触发keyup事件。

我已使用此代码创建文本框：

var chatAreaModel = {
    sidebar: {
        start: "<div class='pull-left chat-list'><div class='listview narrow'><form><input name='search' value='' id='id_search' placeholder='Search' type='text'></form>",
        content: "",
        end: "</div></div>"
    },
};

我使用此函数来触发keyup事件，但是当我在html页面中静态创建文本框时，它可以正常工作，但是当我动态创建文本框时，它无法正常工作。

我使用过这段代码：

$('#id_search').keyup(function(){
    console.log("type");
   // alert('get val');
   $('input #id_search').quicksearch('div .chat-item');
});

Answer 1

将元素添加到DOM时应使用on：

$('#id_search').on('keyup', function(){
    // ...
});

Answer 2

您是否尝试过使用选择器的功能？ http://api.jquery.com/on/

// Give your form an id (e.g. my_form)
$('#my_form').on('keyup', '#id_search', function() {
...
}

从使用JavaScript创建的文本框中获取值

2 个答案: