私はonclickのためにwindows onload関数を持っていますどのようにonblurイベントを追加して1つに結合できますか？

送信ボタンがクリックされると、この作品私はonclickのためにwindows onload関数を持っていますどのようにonblurイベントを追加して1つに結合できますか？

）私はすべてのJavaScriptが外部持っている必要があり、私は（window.onload =関数

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

} } //エンドwindow.onload =機能を持っていますフォーム、私の質問は、私はどのようにそれをwindow.onload =関数に組み合わせることができます形式でもonBlurイベントがありますか？または私はできますか？あなたはちょうどここにwindow.onload関数内

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

を次の行を追加する必要があります

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

出典

2016-03-20 Billy Payne

です。タイトルには、ウィンドウが読み込まれたときに同じ要素に2つのハンドラーをアタッチしようとしているようです。しかし、あなたは2つの異なる要素に2つの異なるハンドラを付けたいかもしれないと言います。これをチェックしてください。http://stackoverflow.com/questions/11845678/adding-multiple-event-listeners-to-one-element –

が、私はこの質問のための言葉遣いを知らない例

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

出典

2016-03-20 04:56:21

ありがとうございました完璧に働いた！ –

私はonclickのためにwindows onload関数を持っていますどのようにonblurイベントを追加して1つに結合できますか？

答えて

関連する問題