javascript - 在模态中使用输入字段

Question

所以我有这个 Ruby on Rails 应用程序，我在其中打开一个模式来创建一个新用户。现在我想用 javascript 监听该模式中的表单，但由于某种原因它根本找不到我的元素。

假设我在 .js 中有这个函数:

$(document).ready(function() 
{
    $("#PWD1").on("keypress keyup keydown", function() 
    {
        console.log("Check");
    });
});

这就是我的输入字段在模式中的样子:

<input 
    class="PWD1" 
    id="user_password" 
    name="user[password]" 
    placeholder="Password..." 
    type="password">

现在，当我在该输入字段中键入任何内容时，我的支票永远不会打印到控制台中。这是为什么？

Answer 1

更改为:

$(".PWD1")

或使用 ID:

$("#user_password")

您需要以这种方式进行类选择器。

<小时/>

您使用id引用您的选择器，而它是类名。

<小时/>

而且我不确定您的模式是否是动态生成的，那么您必须将事件委托(delegate)给最近的静态父级或 $(document) 本身。

$(document).on("keypress keyup keydown", ".PWD1", function() {

<小时/>

旁注:

由于您使用的是 keypress keyup keydown 事件，因此回调函数将因 keyup 和 keydown,keypress 触发两次。