Question

I have a form with inputs (with id’s). And i need to bind one event to click on any input in this form.

Now, I use this construction:

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

How to optimize it?

Answer 1

The easiest way is probably to add a class to all the elements you need to bind on, and use it:

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

If this is not an option, you can use an id for your form, and query all its input children:

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

And if neither is possible, you can always use a comma-separated list of selectors:

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