Как я могу вызвать ключевое событие с помощью JavaScript? - PullRequest
0 голосов
/ 07 октября 2018

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

$('input[name="tmp_post_tag"]').keypress(function(event) {
  var keycode = (event.keyCode ? event.keyCode : event.which);
  if (keycode == '13') {
    alert('You pressed a "enter" key in textbox');
  }
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input id="cred_form_1046_1-textfield-6-1538886027" name="tmp_post_tag" value="" data-taxonomy="post_tag" class="wpt-new- 
    taxonomy-title js-wpt-new-taxonomy-title form-control wpt-form- 
    textfield form-textfield textfield" data-wpt-type="textfield" data-wpt- id="cred_form_1046_1_cred_form_1046_1-textfield-6-1538886027" data-wpt- name="tmp_post_tag" autocomplete="off" type="text">

Заранее спасибо.

1 Ответ

0 голосов
/ 07 октября 2018

Просто импортируйте библиотеку Jquery в HTML.Он должен работать.И я вставляю весь код следующим образом.надеюсь, это поможет вам.

<!DOCTYPE html>
<html>

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

<body>
  <input id="cred_form_1046_1-textfield-6-1538886027" name="tmp_post_tag" value="" data-taxonomy="post_tag" class="wpt-new- 
    taxonomy-title js-wpt-new-taxonomy-title form-control wpt-form- 
    textfield form-textfield textfield" data-wpt-type="textfield" data-wpt- id="cred_form_1046_1_cred_form_1046_1-textfield-6-1538886027" data-wpt- name="tmp_post_tag" autocomplete="off" type="text">
  <script>
    $('input[name="tmp_post_tag"]').keypress(function(event) {
      var keycode = (event.keyCode ? event.keyCode : event.which);
      if (keycode == '13') {
        alert('You pressed a "enter" key in textbox');
      }
    });
  </script>
</body>

</html>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...