使用jQuery on函数绑定到keydown事件

我还没有从.puzzlesquareinput中得到任何提示。我想知道如何绑定到每个.puzzlesquareinput的keydown事件。

您需要将事件委托给您案例中的.puzzlesquareinput的父级。确保成功地在document.ready中包含jquery并绑定事件

改为

sqHTML = "<div id=\""+sqStringTemp+"\" class=\"puzzlesquare\"><input type=\"text\" class=\"puzzlesquareinput\" maxlength=\"1\" style=\"text-transform: uppercase\"/></div>";
jQuery("#gridpuzzleouter").append(sqHTML);

jQuery(".puzzlesquareinput").on('keydown', '', function() {
    alert("keydown...");
});

您当前的代码正在运行。。。确保没有javascript错误。。。和/或将代码包装在$document上。准备就绪。。。尝试检查控制台

这是你当前正在运行的代码

这样做没有意义，除非您希望它应用于您以后创建的所有.pzlesquareInput。请尝试以下方法：

jQuery(".puzzlesquareinput").on('keydown', '', function() {
                                           ^this is the selector, and you are
                                            selecting nothing

---

仍然没有警报出现。请使用live demo检查更新答案，确保您成功地包含了jquery并在文档中绑定了事件。准备好了。我认为您是对的。控制台出现错误，需要修复。

jQuery(".puzzlesquareinput").on('keydown', function() {
   alert("keydown...");
});

jQuery(".puzzlesquareinput").on('keydown', '', function() {
                                           ^this is the selector, and you are
                                            selecting nothing

$(".puzzlesquareinput").keydown(function(){
    //...
});

<input class="puzzlesquareinput">