jquery - 如何为表单的所有输入绑定(bind)一个事件？

Question

我有一个带有输入的表单(带有 ID)。我需要绑定(bind)一个事件来单击此表单中的任何输入。

现在，我使用这种结构:

    $("#siteAdress").click(function(){
        $("#reg-login").click();
    });
    $("#phoneNumber").click(function(){
        $("#reg-login").click();
    });
    $("#reg-email").click(function(){
        $("#reg-login").click();
    });
    $("#reg-login").click(function(){
        // DO SOMETHING
    });

如何优化？

Answer 1

最简单的方法可能是向您需要绑定(bind)的所有元素添加一个类，并使用它:

$(".event-user").click(function() { /* do something */ })

如果这不是一个选项，您可以为表单使用id，并查询其所有输入子项:

$("#my-form input[type=text]").click(function() { /* do something */ })

如果两者都不可行，您始终可以使用逗号分隔的选择器列表:

$("#siteAddress, #phoneNumber, #reg-email, #reg-login")
    .click(function() { /* do something */})