如何檢測按鈕是否已被點擊或者輸入的值是否已經使用jQuery更改？

Question

我的目標是在輸入值改變或單擊按鈕時執行某些操作。

我知道如何分開實施這些。例如：

$('form :input').change(function() { 
    // Do something. 
}); 

$('button').click(function() { 
    // Do something. 
}); 

但我該如何將它們一起實施？下面是我想要實現一些僞代碼示例：

if (button is clicked) OR (input value changed) { 
    // Do something. 
} 

Answer 1

如何定義一個函數，只是調用在任何情況下同樣的功能？

事情是這樣的：

function f() { 
    // do your stuff 
} 

$('form:input').change(f); 
$('button').click(f); 

Answer 2

您可以通過相同的功能的處理程序。

function clickOrChangeHandler() { 
    // do something 
} 

$('form:input').change(clickOrChangeHandler); 

$('button').click(clickOrChangeHandler); 

Answer 3

委派事件將使結合兩種選擇器和事件：

$(document).on('change click', 'form :input, button', function() { 
    // Do something. 
    alert("event from " + this.outerHTML); 
}); 

然而，這將對於一個複選框觸發兩次（變化和點擊）。

JSFiddle：http://jsfiddle.net/TrueBlueAussie/zqvs0ne9/1/