加载执行时的 JavaScript

Question

我的 PHP 页面上有一个输入字段。当在输入框中输入值时，将调用 javascript，并在输入框旁边返回 mysql 值。这 100% 有效，没有错误。

我的代码是：

<input type=text id=sku1 name=sku1 onchange="showUser(1, this.value)" onkeypress="return enter(document.orderform.sku2)"  value=<? echo $sku1; ?> >

当用户提交表单时，页面会在执行一些计算时返回到自身。 当页面重新加载时，输入框包含用户输入的值（$sku1）。我的问题是 mysql 值不再位于输入框旁边，因为输入框自重新加载后没有更改。

我想使用类似 javaascript OnLoad 功能的东西。

<input type=text id=sku1 name=sku1 onchange="showUser(1, this.value)" OnLoad="showUser(1, this.value)" onkeypress="return enter(document.orderform.sku2)"  value=<? echo $sku1; ?> > 

然而这不起作用。

关于如何让 JavaScript 在加载时以及用户更改输入框的值时执行的任何想法？

谢谢和问候， 瑞安·史密斯

Answer 1

使用jquery的文档就绪方法或尝试将showUser放在body onload中

Answer 2

您可以像这样使用 onload 事件：

<script>
  var value = document.getElementById('sku1').value;
  window.onload = function() { showUser(1, value); }
</script>

Answer 3

我建议使用 DOMContentReady，而不是 Load，因为它会更早触发。您还需要将侦听器附加到文档，而不是输入元素本身，因为输入元素不提供加载事件（http://www.w3.org/TR/html4/interact/forms.html #h-17.4)

因此，在脚本标签或单独的 javascript 文件中：

document.addEventListener('DOMContentReady', function(){
  showUser(1,document.getElementById('sku1'));
})