jquery keyup 没有触发

Question

我在 keyup 事件上使用以下函数来重定向到另一个 javascript 函数。 问题是它似乎没有触发，尽管它确实将函数绑定到文本框。

$(document).ready(function () {
EnablePickTargetButton();

//clear contents; use a delay because tinyMCE editor isn't always fully loaded on document.ready
var t = setTimeout(function () {
    if (typeof textEditorForCreate != 'undefined' && tinymce.editors.length > 0)
        tinyMCE.activeEditor.setContent('');
}, 300); 

var txtSearchUser = $('#txtSearchUser');
if(typeof txtSearchUser != 'undefined')
{
    $('#txtSearchUser').keyup(function (e) {
        if (e.keyCode == 13) {
            e.preventDefault();                
            searchUser();
        }
        else
            alert('cucu');
    });
}
});

甚至没有显示警报。检查 html，我可以看到它没有将 onkeyup 添加到文本框；文本框位于表单上的 div 中托管的弹出窗口中；但在 document.ready 上，它运行该函数时不会出错。

Answer 1

在文档或最近的静态元素上试试这个委托。 （如果元素是动态添加的）

$(document).on('keyup','#txtSearchUser',function(){
    //Code
});

Answer 2

它有效：

$(document).ready(function(){
    $('#txtSearchUser').keyup(function (e) {
        if (e.keyCode == 13) {
            e.preventDefault();                


        }
        else
            alert('cucu');
    });
});

http://jsfiddle.net/jMk5S/

检查您是否正确引用了 html 元素。也许你把 id 和 class 混在一起了？

Answer 3

我编辑了你的代码并且正在工作：

问题出在你的文档准备功能，你有一个语法错误，下次在你的浏览器中检查控制台看看有什么问题：

DEMO HERE

$(document).ready(function () {
//EnablePickTargetButton();

//clear contents; use a delay because tinyMCE editor isn't always fully loaded on document.ready
var t = setTimeout(function () {
    if ($('#textEditorForCreate').length != 0 && tinymce.editors.length > 0)
        tinyMCE.activeEditor.setContent('');
}, 300); 

if($('#txtSearchUser').length!=0)
{
    $('#txtSearchUser').keyup(function (e) {
        if (e.keyCode == 13) {
            e.preventDefault();                
            searchUser();
        }
        else
            alert('cucu');
    });
}
});