我有一个用于 onclick 的 windows onload 功能如何添加一个 onblur 事件并将其合并为一个？答案

【问题标题】：I have a windows onload function for onclick How can I add an onblur event and combine into one?我有一个用于 onclick 的 windows onload 功能如何添加一个 onblur 事件并将其合并为一个？
【发布时间】：2016-03-20 04:37:15
【问题描述】：

我需要所有外部的 javaScript 并且我有 window.onload = function

window.onload = function(){//onload allows external onclick
      document.getElementById('submit').onclick = function(evt) { 
       calcOrder();//validation of input(s)

} }//结束window.onload = function()

这在表单中单击提交按钮时有效，我的问题是我在表单中也有一个 onBlur 事件，如何将它组合到 window.onload = function 中？或者我可以吗？

<p><input name="fname" id="fname" type="text" size="20" maxlength ="15" placeholder="First Name" onblur="validateFirstname();"/>&nbsp;<span id ="fnameprompt"></span>
     <br>First name - Must be between 2 to 15 Characters </p>

【问题讨论】：

我不知道这个问题的措辞。在标题中，这听起来像是您在加载窗口时尝试将 2 个处理程序附加到同一个元素。但问题是您想将 2 个不同的处理程序附加到 2 个不同的元素上，可以检查一下。stackoverflow.com/questions/11845678/…

标签： javascript

【解决方案1】：

您只需要在 window.onload 函数中添加以下行

document.getElementById('fname').onblur = function(evt) { validateFirstname();

这是一个例子

<html>
<body>

<script language="javascript">
window.onload = function(){
  document.getElementById('submit').onclick = function(evt) { calcOrder(); }
  document.getElementById('fname').onblur = function(evt) { validateFirstname(); }
}

function calcOrder() {
   alert('calcOrder');
}

function validateFirstname() {
   alert('validateFirstname');
}
</script>

<p><input name="fname" id="fname" type="text" size="20" maxlength ="15" placeholder="First Name"/>&nbsp;<span id ="fnameprompt"></span>
 <br>First name - Must be between 2 to 15 Characters </p>
  <input type="button" id="submit" name="submit" value="submit">
</body>
</html>

【讨论】：