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

问题描述

我不是 javascript/jquery 编码员，不确定我想要做的事情是否可行。

我有一个 html/PHP/ajax 表单，它在用户填写时更新了 sql 数据库。当他们填写表单时，有一个由 javascript/jquery 运行的进度条，随着用户在输入中键入而更新。函数的开头是这样的：

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

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

我想我可以通过用 $(document).ready(function() 更改我的初始 javascript/jquery 函数来解决这个问题。这导致脚本仅在页面加载时运行，而不是在填写表单时运行。我需要脚本在页面就绪时运行，以及当用户输入时输入已填充。有没有办法可以同时运行 $(document).ready(function() 和 $("#update input").keyup(function() {？或者有更好的理由来实现这一目标吗？谢谢！

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

解决方法

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

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。如果没有触发事件，则该对象不存在，不过，在这种情况下，如果需要，您必须将包含所提供属性的假事件对象传递给处理程序。