将不同选择器的不同事件组合为一个函数

Question

如何在同一个函数中组合$（'＃foo'），click（）和$（'＃bar'）。 #bar可能不会被点击触发，并且#foo不会被更改。

所以假设：

$('#foo').click() + $('#bar').change() (function{ 
    //... 
}); 

这是不是我在寻找：

function foobar() { 
    // ... 
} 
$('#foo').click(function{ 
    foobar(); 
}); 
$('#bar').change(function{ 
    foobar(); 
}); 

相关的HTML：

<select id="bar"> 
    <option>dummy1</option> 
    <option>dummy2</option> 
</select> 
<button id="foo">foo</button> 

Answer 1

这是真的，如果你的唯一途径不希望click在#bar或change上#foo：

$('#foo, #bar').on('click change', function (event) { 
    if((event.type == 'click' && event.target.id == 'foo') 
     || (event.type == 'change' && event.target.id == 'bar')) { 

     //process event here 
    }; 
}); 

虽然我觉得你列为不希望的方法是更好的方式来做到这一点。哪个更容易阅读和理解？：

function foobar() { 
    // ... 
}; 

$('#foo').click(foobar); 
$('#bar').change(foobar); 

Answer 2

$(":input").click(function(){ 
    alert($(this).attr('id')); 
    foobar(); //you can pass here the id as parameter to your function 
}) 

http://jsfiddle.net/5vgKm/