簡體   English   中英

我有一個onclick的Windows onload函數。如何添加onblur事件並將其合並為一個事件?

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

我需要所有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>

您只需要在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>

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM