我有一个用于 onclick 的窗口加载函数 如何添加 onblur 事件并合并为一个

I have a windows onload function for onclick How can I add an onblur event and combine into one?

本文关键字：事件 onblur 有一个 合并 一个 添加 窗口 onclick 加载 函数 何添加      更新时间：2023-09-26

我需要让所有javaScript外部都有，我有window.onload =函数

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

}}//end window.onload = function（）

当在表单中单击提交按钮时，这有效，我的问题是我在表单中也有一个 onBlur 事件，我如何将其合并到窗口中。或者我可以吗？

<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>

您只需要在 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>
相关文章：