javascript - 如何使用 javascript 触发按键事件?

标签 javascript jquery event-listener keycode eventtrigger

我有以下输入,我想在按下回车键时显示警报。 输入 ID 在每次页面加载时都会发生变化,因此我想使用其他一些属性,例如名称。 我尝试了以下代码,但它不起作用。

$('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">

提前致谢。

最佳答案

只需将 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>

关于javascript - 如何使用 javascript 触发按键事件?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52685475/

相关文章:

javascript - 使用 Javascript 滚动到 div 的底部

javascript - 如何用 table 制作 Accordion

jquery mask 取决于下拉值

jquery - 如何删除仅选中的div元素

javascript - 如何在Vue中捕获 Canvas 上的关键事件

javascript - 如何在 JS 中的 eventListener 之前加载生成 dom 函数

javascript - Js - 缓存文件,打开它,检测更改并上传

javascript - 合并来自 AngularJS 服务的两个数组

javascript - 这个 JavaScript 是如何工作的?

javascript - 如何为 'addEventListener' 方法添加别名?