如何使用 $(document).ready(function() 和另一个事件函数 运行 一个 Javascript/Jquery 函数？

Question

我不是 javascript/jquery 编码员，不确定我正在尝试做的事情是否可行。

我有一个 html/php/ajax 表单，它会在用户填写时更新 sql 数据库。当他们填写表单时，javascript/jquery 会出现一个进度条 运行，它会随着用户输入内容而更新。函数的开头如下所示：

$("#update input").keyup(function() {

效果很好。我的问题是重新加载页面时。我的代码从数据库中提取 sql 数据以填充页面上每个具有值的输入的值，以便用户稍后可以返回并完成表单。当用户重新加载页面时，激活脚本的唯一方法是用户在输入字段中键入内容。

我想我可以通过将我的初始 javascript/jquery 函数更改为 $(document).ready(function() 来解决这个问题。这导致脚本仅在页面加载时 运行 而不是在填写表单时。我需要脚本在页面准备好 运行 时，以及在用户输入时填写输入内容。有没有办法可以同时 运行 $(document).ready(function() 和 $("#update input").keyup(function() {？还是有更好的理由来完成这个？谢谢！

如果我需要 post 更多代码，请告诉我。

Answer 1

这是将声明的函数附加到事件的通用方法。

function handler (e) {}
element.addEventListener('click', handler);

您可以在任何地方自由调用 handler，也可以在 $(document).ready 内部调用，或者如果您的 DOMReady 处理程序中没有其他代码，您可以只传递一个引用作为参数：

$(document).ready(handler);

在你的具体情况下，你很可能想要这样的东西：

$(document).ready(function () {
  function handler (e) {...}
  handler();
  $("#update input").keyup(handler);
});

如果处理函数使用事件对象（示例中的 e），在现代浏览器中它也可以作为全局 event 对象使用，或者在 jQuery、e.originalEvent。如果没有触发事件，则该对象不存在，但是，在这种情况下，如果需要，您必须将包含提供的属性的假事件对象传递给处理程序。