将不同选择器的不同事件组合到一个功能中

Question

如何在一个相同的函数中组合$('#foo').click()和$('#bar').change()？点击可能无法触发#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 );