我可以运行jQuery函数并在加载和更改时运行吗？

Question

我想首次在页面加载时运行脚本(对于select元素的默认值),然后在select元素的每次更改时运行.是否可以在一行中完成,或者我是否需要复制此事件的函数？

我知道我可以使用下一个结构:

$('#element').on('keyup keypress blur change', function() {
    ...
});

但它似乎不支持加载事件.

有任何想法吗？

Answer 1

如果我明白你的意思,只需触发其中任何一个事件:

$('#element').on('keyup keypress blur change', function() {
    ...
}).triggerHandler('keyup'); //or trigger('keyup') or keyup() which then let event propagate

Answer 2

对于更改元素，请使用您的：

$('#element').on('change', function() {
    ...
});

并在首次加载时使用相同的功能，如：

jQuery(window).on("load", function(){

  $('#element').change();

});

调用相同的函数

Answer 3

您可以创建一个常规函数并告诉 jQuery 在这些事件发生时调用它，而不是使用匿名函数（在它们将被使用的地方定义它们）。

$(document).ready(myFunction);
$('#element').on('keyup keypress blur change', myFunction);

function myFunction() {
    // Do something here...
}