私はキー上の関数をトリガしたいと思います。クリックして

-1

私は現在、計算ボタンがクリックされたときに関数を実行しています。私はキー上の関数をトリガしたいと思います。クリックして

私は、ユーザーのヒットが

を入力したときに、私だけでなく、送信ボタンをクリックしてもが KEY

機能が完璧に動作しますENTERはちょうどそれがまた仕事をしたいときに関数が実行されることを望む

<button class="hvr-shrink" type="submit" value="submit" id="submit"> Calculate </button>

Check the javascript here!

HTML to the function

<html> 

<head> 

    <title>Project</title> 

    <link href="../CSS files/style.css" rel="stylesheet" type="text/css"> 
    <link href="../CSS files/hover.css" rel="stylesheet" type="text/css"> 
    <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800' rel='stylesheet' type='text/css'> 

</head> 

<body> 
    <div id="home"> 
     <a href="home.html"> 
      <img class="hvr-shadow" src="../../misc/hoem.png" id="homeicon"> 
     </a> 
    </div> 
    <h1>Geometric Sequence</h1> 
    <h2>Find any term of a Geometric Sequence</h2> 

     <input id="firstTerm" placeholder="First Term?"> 
     <input id="nTerm" placeholder="Nth Term?"> 
     <input id="commonR" placeholder="Common Ratio?"> 

     <button class="hvr-shrink" type="submit" value="submit" id="submit"> Calculate </button> 



     <p id="term"> </p> 

    </div> 

    <script type="text/javascript" src="../math fxn (js)/geoseq.js"></script> 
<script src="https://www.gstatic.com/firebasejs/3.6.0/firebase.js"></script> 


    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> 

</body> 



</body>

出典

2016-11-14 Gurnoor Kahlon

私たちはより良い視野を得るために、JavaScriptコードを少し整理してください。ありがとう – HenryDev

@ Gurnnor Kahlonユーザーはどこに入力を与えると思われますか？入力フィールドがありませんか？ – HenryDev

@HenryDev私はそれを修正しました！ –

は、私がチームメイトに働いているフィドルをチェックして、これは何が必要であり、あなたが望むものに更新することができますなら、私に知らせてください。。。 https://jsfiddle.net/e2nf73bu/1/

$(document).on('keypress',function(event){ 
    if (event.which == 13) { 
     $('#submit').click() 
    } 
})

出典

2016-11-14 02:21:51

クリックしても押さずにもうまくいきませんでした。どうしましたか？ https://jsfiddle.net/zrpj0new/ –

は私があなたに与えたフィドルですか？ここでこのhttps：// jsfiddleを確認してください。net/e2nf73bu/2/ –

いいえ私はあなたのフィドルに追加したものを使用し、私のコードに追加しました。私はあなたのフィドルの始まりと終わりを追加しました：https://jsfiddle.net/zrpj0new/ –

あなたのページにこのコードを追加します。

<script> 
$(function(){ 
    $('input#commonR').keypress(function(event) { 
     var keycode = event.keyCode || event.which; 
     if(keycode == '13') { 
      $('#submit').click();  
     } 
    }); 
}); //END document.ready 
</script>

出典

2016-11-14 02:07:11 gibberish

正確には？私はそれがうまくいかないような何かをやった！ –

更新を参照してください。文書の一番下の「」終了タグのすぐ上に挿入します。 document.readyラッパー '$（function（）{}）;' - 入力要素にjavascriptをバインドする前にドキュメントが完全にロードされていることを保証します。それがなければ、要素がレンダリングされる前にjsが起動し、jsが機能しなくなります。 – gibberish

私はキー上の関数をトリガしたいと思います。クリックして

答えて

関連する問題