jQuery运行函数加载和键控

jQuery run function onload and key up

本文关键字：加载 运行 函数 jQuery      更新时间：2023-09-26

我有以下内容，我想在页面加载时首次运行。然后我希望它在用户进行更改时在 keyup 上运行。我想运行的功能非常大（剥离以在此处发布），所以我不想复制该功能。有没有办法调用函数onload，然后在keyup上重用它？谢谢

  $(document).ready(function() {
     // this calculates the sum for some text nodes
     $("td, input").keyup(
        function (){
          var col_1revenue = $(".Col1Receipts, .Col1Receipts input").sum(); 
        } // function
      ); // keyup
    }); // document ready

一个简单的方法是创建一个函数，然后从两者调用它：

keyupfunction() 在页面加载第一次完成时调用，当 keyup 事件被触发时...这就是在编程语言中使用函数的全部目的。

$(document).ready(function() {
         keyupfunction(); //first call
         // this calculates the sum for some text nodes
         $("td, input").keyup(keyupfunction); // keyup
        }); // document ready

常用函数 

function keyupfunction(){
              var col_1revenue = $(".Col1Receipts, .Col1Receipts input").sum(); 
} // function

试试这个

$(document).ready(function() {
    XX();
    // this calculates the sum for some text nodes
    $("td, input").keyup(XX); // keyup

    function XX() {
        var col_1revenue = $(".Col1Receipts, .Col1Receiptsinput").sum();
    } // function    
}); // document ready​​​

您可以在加载时触发该事件。

$("td, input").keyup(
  function (){
    var col_1revenue = $(".Col1Receipts, .Col1Receipts input").sum(); 
  } 
).keyup();

如果您想在多个位置使用一个函数，请不要将其设置为匿名。匿名函数重用起来很痛苦（在某些情况下，您仍然可以通过callee（已弃用）等重用它们）

改为命名函数。将其保持在ready范围内以保持清洁：

 $(document).ready(function() {
     // this calculates the sum for some text nodes
     function myfunc(){
          var col_1revenue = $(".Col1Receipts, .Col1Receipts input").sum(); 
           //etc
             //etc
        } // function
     $("td, input").keyup(myfunc); // keyup
     myfunc()//call function;
    }); // document ready
相关文章：