2017-05-09 9 views
-3

私は、いくつかのテキストボックスから値を保存し、キーを押した後に値をロードするためのリセットボタンをトリガーするボタンをトリガーするようにJavaScriptを使いたいと思っています。私は、2つのボタンが正しく動作することを知っているが、私はキーを押すトリガーのJavaScriptコードはありません。Javascriptトリガー2ボタンをキープします

例:

document.getElementById("savevalues") .addEventListener("keyup", function(event) { event.preventDefault(); if (event.keyCode == 13) { document.getElementById("reset").click(); } }); 

との私は、次のHTML持っているとしましょう::

のは、私はこのJavaScriptコードがあるとしましょう

<html> 
<body> 
<button onclick="savevalues()" id="savevalues">Button 1</button> 
<button onclick="reset()" id="reset">Button 2</button> 
</body> 
</html> 

は私が間違って何をやっているの? JavascriptとHTMLコードが必要な場合は、ここに私のgithubプロジェクトへのリンクがあります:https://github.com/jamesestes1711/2048-hacked Javascriptファイルはjsフォルダにあり、game_manager.jsという名前で、keypressコードはファイルの一番下にあります。 HTMLコードはホームフォルダにあり、play.htmlと呼ばれます。私は(リセットしない)と、まだ変更する)(.click変更しようとしている

EDIT

+0

'document.getElementById(" restart ")を' restart(); 'またはそれがトリガする関数でクリック();します。 –

+0

あなたはボタンにキーアップイベントリスナーをバインドしています、いつ、いつ呼び出すのですか? – Durga

+0

私はHTMLでリセットを修正しても同じことをしました –

答えて

-1

申し訳ありませんが、 '入力'キー部分を忘れました。

文書にイベントリスナーを追加します。

document.addEventListener("keyup", function(event) { 
    event.preventDefault(); 
    if (event.keyCode == 13) { 
    document.getElementById("reset").click(); 
    } 
}); 
+0

説明してくださいもう少し@Juan –

0

は、このコードを変更してみてください:

document.getElementById("restart").click(); 

document.getElementById("reset").click(); 

にJSは、HTML要素

0
と一致するように

Tあなたがここに投稿したコードは、あなたがIDとして「リセット」を使用し、「再起動」でそれを参照しようとしているという事実とは別に動作するはずです。

私はあなたのプロジェクトを見て、両方で「再起動」を正しく使用しています。ただし、game_manager.jsでは、ID「savevalues」の要素をdocument.getElementById("applyvalues")で参照しようとしています。

これはあなたの問題です。

+0

私はちょうど例を作っていた@Mikael –

+0

@ user7986429私が言ったように、あなたの実際のプロジェクトのコードを見ました。 play.htmlには、

+0

エラーは修正されましたが、変更はありません。私がファイルをアップロードしていたとき、私はplay.htmlとgame_manager.jsにいくつかの変更を加えました。私はプレイに入れたものを忘れました。HTMLとそれを実現していないので、それはおそらくそれがなぜ@Mikaelと言った理由です。私の元のコードはマッチしますが、私はなぜそれが動作しているのかわかりません。 –

関連する問題