jQuery具有多个元素和多个事件的相同功能

Question

每当用户点击其中一个锚元素时,我都会有一个函数,比如这个

$('.element').on('click', function(){
// do stuff here
});

如果一个select元素改变了它的值,我想做同样的事情,比如这个

$('select').on('change', function(){
// do same stuff here
});

我知道我能做到

$('.element', 'select').on('click change', function(){
// do stuff here
});

但是当我点击select元素并且我不想混淆用户并做一些事情时,这也会触发,就在select元素值发生变化时.

Answer 1

你不具备让你的函数内联.

var doStuff = function() {
  // do stuff here
});

$('.element').on('click', doStuff);
$('select').on('change', doStuff);

Answer 2

处理此问题的最可读方法之一是创建单独的函数:

function doStuff(){
 //do stuff here
}

$('.element').on('click', function(){
  doStuff();
});

$('select').on('change', function(){
  doStuff();
});

通过为该函数提供一个漂亮,有意义的名称,这也为您提供了一个很好的机会,使您的代码更加清晰.