![](/img/trans.png)
[英]How can I call to HTML DOM Event Object (for example: onclick, onblur, etc..) nested functions?
[英]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();"/> <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"/> <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.