如何將輸入更改功能與文檔就緒功能結合使用？

Question

我有一些行動應該發生在

$('input').change(function() { 
... 
} 

這也是對

$(document).ready(function() { 
... 
}); 

是它可以將這些功能，如

$(document).ready || $('input').change(function() { 
    ... 
}); 

Answer 1

結合起來，一個你可以提取的邏輯處理程序自己的功能，然後在兩個事件下調用它，如下所示：

function myFunc() { 
    console.log('do something useful here...'); 
} 

$(function() { 
    myFunc(); // on load 
    $('input').change(myFunc); // on input change 
}); 

Answer 2

首先，創建，做你需要它做的事的功能：

var doSomething = function() { 
    //... 
}; 

然後，只需添加到事件處理程序。事情是這樣的：

$(document).ready(doSomething); 
$('input').change(doSomething); 

或者，如果是後者的需求也發生在ready處理：

$(document).ready(function() { 
    doSomething(); 
    $('input').change(doSomething); 
}); 

關注這個整體分離，有利於組織一般代碼反正。保持邏輯操作（doSomething）與UI綁定（事件處理程序）分開。