jquery - 如何更改选择标签的触发事件?

标签 jquery html

我想在按键盘上的 Enter 后,当我们在选择标签上时,它会转到下一个 html 元素。

我怎样才能做到这一点?我尝试了这个,但它不起作用:

$('.place').on("change keyup", function(event) {
  var keycode = (event.keyCode ? event.keyCode : event.which);
  if (keycode == '13') {
    // code
  }
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select class='place'>
  <option value='aut'>Austria</option>
  <option value='ita'>Italy</option>
  <option value='crs'>Croatia</option>
</select>

最佳答案

使用next().focus()

工作

$('.place').on("change keyup keydown", function(e) {
  var keycode = (e.keyCode ? e.keyCode : e.which);
  if (keycode == '13') {
      console.log(keycode)
      $(this).next().focus();
  }
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select class='place'>
  <option value='aut'>Austria</option>
  <option value='ita'>Italy</option>
  <option value='crs'>Croatia</option>
</select>
<input type="text" class="input" />

关于jquery - 如何更改选择标签的触发事件?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59858536/

相关文章:

jquery - 如何改变jquery Flexslider箭头设计?

jquery - 使用 jQuery 根据第一个选择列表选项显示第二个字段

javascript - jQuery UI 对话框标题区域被拉长

Android Studio webview 调用链接只工作一次

jquery - $.ajax(); 之间的区别和 $.ajaxSetup();

javascript - AJAX "success"在返回响应之前执行

jquery - 用 jQuery 编写 HTML

html - 3 Columned Ribbon 没有按照我想要的方式工作

javascript - 任何人都知道如何使用 jquery 在同一行中制作相等的 div 高度

javascript - 找不到类型为 '[object Object]' 的不同支持对象 'object' ,但它已经是一个数组