我有一个带输入的表单(带有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 */})