jquery – 如何为表单的所有输入绑定事件?

前端之家收集整理的这篇文章主要介绍了jquery – 如何为表单的所有输入绑定事件?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个带输入的表单(带有id).我需要绑定一个事件来点击此表单中的任何输入.

现在,我使用这种结构:

$("#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
    });

如何优化呢?

解决方法

最简单的方法可能是为需要绑定的所有元素添加一个类,并使用它:
$(".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 */})
原文链接:https://www.f2er.com/jquery/177949.html

猜你在找的jQuery相关文章