javascript - 如何检测表单中的输入按键并滚动到元素?

标签 javascript jquery html css

当我在选择标签中搜索内容并按回车键时,页面不会滚动到元素

我尝试了 .keypress 方法,但我无法通过下一个代码获得它:

$('#quicksearch-2').on('keyup', function(e) {
  if (e.which == 13 || e.keyCode == 13) {
    function pageScroll() {
      var elmnt = document.getElementById("listings");
      elmnt.scrollIntoView();
    }
  }
});

我希望在搜索栏中写一个文本,然后在按回车键时滚动到一个元素。现在搜索栏可以工作了,但当我按下回车键时不会滚动。

最佳答案

一个函数不是必需的,除非你计划多次调用它。这应该适合您。

  $('#quicksearch-2').on('keyup', function(e) {
      if (e.which == 13 || e.keyCode == 13) {
          var elmnt = document.getElementById("listings");
          elmnt.scrollIntoView();
      }
    });

关于javascript - 如何检测表单中的输入按键并滚动到元素?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55520581/

相关文章:

javascript - Chrome 扩展 Javascript 未触发操作

jquery 一个元素上的多个事件

html - 阻止 Nokogiri 添加 DOCTYPE 和元标记?

html - Firefox 中的 flexbox 溢出容器

javascript - 对 Spotify Web API 的身份验证请求被拒绝

Javascript:尝试访问 JSON 数组的元素会给我单独的字符

javascript - google maps api 3 在缩放级别事件上更改自定义图标大小

jQuery 图像不淡入

javascript - 如何在 jquery 中刷新 div onclick?

html - 将链接设置为固定事件