如何将输入更改功能与文档就绪功能结合使用？

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绑定（事件处理程序）分开。