javascript - 動作中のOnclick（）関数

Question

すべて！単純なonclickメソッドの使用に問題があります。親切に私を助けてください。これがそのコードです...ボタンをクリックしても、実際には何も起こりません。

window.onload=initall();
var xhr = false;

function initall(){

    var btn=document.getElementById('btn');

    btn.onclick=alert('hi');
}



<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">

<title>Untitled Document</title>

<script type="text/javascript" src="testjs.js"></script>
</head>

<body>
<input type="text" required name="id">
<input type="button"  id="btn" value="send">
<div id="result"></div>
</body>

</html>

score 2 · Accepted Answer

Onclickは、ステートメントではなく関数である必要があります。試す

btn.onclick=function(){ 
  alert('hi');
}

score 2 · Accepted Answer

window.onload=initall();

関数を呼び出し、イベントハンドラとしての戻り値をinitall割り当てます。つまり、イベントがトリガーされたときではなく、すぐに実行されます。についても同様です。ただし、どちらの場合も、戻り値は関数ではありません。initallinitallload
btn.onclick=alert('hi');

これらのプロパティに関数を割り当てる必要があります。これらのプロパティは、イベントが発生したときに呼び出されます。

function initall(){
    var btn = document.getElementById('btn');

    btn.onclick = function() { // creates and assigns the function at once
        alert('hi');
    };
}

window.onload = initall; // assign the function reference, no `()`.

quirksmode.org の優れたチュートリアルを読んで、イベント処理について学び、もちろんJavaScript の基礎についてはMDN JavaScript ガイドを読むことをお勧めします。

score 1 · Accepted Answer

Try this for onclick javascript function call   


    function initall(){

        var btn=document.getElementById('btn');

        btn.onclick=alert('hi');
    }
    <!DOCTYPE HTML>
    <html>
    <head>
    <meta charset="utf-8">

    <title>Untitled Document</title>

    <script type="text/javascript" src="testjs.js"></script>
    </head>

    <body>
    <input type="text" required name="id">
    <input type="button"  id="btn" value="send" onclick="javascript:initall();">
    <div id="result"></div>
    </body>

    </html>

score 0 · Accepted Answer

これを試してください：http://jsfiddle.net/uxfD4/

onclick 割り当ては関数を受け入れます。コードが行ったことは、alert('hi') を評価し、null を返すことでした。

javascript - 動作中のOnclick（）関数

4 に答える 4

Related

Reference