我有一个onclick的Windows onload函数。如何添加onblur事件并将其合并为一个事件？

Question

我需要所有javaScript外部，并且我具有window.onload =函数

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>

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

我有一个onclick的Windows onload函数。如何添加onblur事件并将其合并为一个事件？

问题描述

1 个解决方案

解决方案1
1 已采纳 2016-03-20 04:56:21

我有一个onclick的Windows onload函数。如何添加onblur事件并将其合并为一个事件？

问题描述

1 个解决方案

解决方案1 1 已采纳 2016-03-20 04:56:21

解决方案1
1 已采纳 2016-03-20 04:56:21