0

ヘルプ！このコードが警告ボックスをポップアップすることを知る必要がありますが、送信ボタンを押しても警告ボックスが表示されません! バグとは何ですか? また、コード全体を完全に変更せずにコードを修正するにはどうすればよいですか? ありがとう！

 <!DOCTYPE html>

 <html>
 <head>

 <title>Dougie's Script</title>
 <script>
    var textinput;


    function submitHandler(e){
        alert("You entered " + textinput.value + "\n");
        e.preventDefault();
    }

    textinput=document.getElementById("textfield");
    var form = document.getElementById("theform");

    form.addEventListener("submit", submitHandler, false);

 </script>
 </head>
 <body>
 <form id="theform" action="#">
    <label>Enter text here...</label>
    <input id="textfield" type="text" >
    <input type="submit" value="Submit" >
 </form>
 </body>
 </html>
4

5 に答える 5

0

<script>タグを の一番下に移動し<body>ます。

    </form>
    <script>...</script>
</body>

現在、スクリプトはまだ作成されていない要素を探しています。document別の方法として、のイベントをリッスンすることもできますDOMContentLoadedが、これはクロス ブラウザーではありません。

于 2013-07-29T04:30:55.223 に答える
0

スクリプト タグを本文の一番下に移動してみてください。このようにして、ドキュメントがロードされた後にスクリプトが実行されます (そして、要素は「取得可能」かつ「リスナーにアタッチ可能」である必要があります)。

于 2013-07-29T04:31:27.850 に答える