Я хотел бы вызвать функцию по ключу и по щелчку

-1

У меня в настоящее время функция запускается при нажатии кнопки расчета.Я хотел бы вызвать функцию по ключу и по щелчку

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

Я хочу, что функция работает, когда я не только нажать кнопку отправки, но и ENTER KEY

Функция работает с совершенством просто хочу, чтобы работать, когда пользователь нажимает введите

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 wrapper '$ (function() {});' - он гарантирует, что документ будет полностью загружен до привязки javascript к входному элементу. Без этого js будет стрелять до того, как элемент будет вынесен, в результате чего js не будет работать. – gibberish

Я хотел бы вызвать функцию по ключу и по щелчку

ответ

Смежные вопросы