【问题标题】:I can't get this script to work properly to press a button when you press enter当您按下回车键时,我无法让此脚本正常工作以按下按钮
【发布时间】:2016-01-21 15:17:15
【问题描述】:

我找到了这个脚本,我尝试将它作为单独的 JavaScript 插入,但它不起作用。

$("search-box").keyup(function(event){
  if(event.keyCode == 13){
    $("submit").click();
  }
});

代码似乎根本不起作用。我想知道如何解决这个问题。

【问题讨论】:

  • $("submit") 可能不起作用,因为 submit 不是有效的 HTML 标记。你的意思是$("input[type=submit]")?
  • @miparnisari $("search-box") 也无效哈哈
  • 虽然这有明显的问题,但要弄清楚什么是可行的,需要查看您正在使用的 HTML 以及将 JS 加载到其中的位置。
  • Anddd 在这里,我们反对投票。很明显,这个人需要帮助和指导。不要将他们的问题否决。
  • 当在某种文本字段中按下回车键时,您似乎正在尝试使用 JavaScript 来触发表单提交。为什么?这是不涉及 JavaScript 时的默认行为。

标签: javascript


【解决方案1】:

我认为搜索框是块的 id,我是对的吗?

所以:

document.getElementById("search-box").addEventListener("keypress",function(e) {

    var code = e.keyCode || e.which;
    if(code == 13) // I think it will work too: if( (e.keyCode || e.which) == 13)
        alert("Enter");

    e.preventDefault();
    return false;

}, false);

【讨论】:

    【解决方案2】:

    这些是搜索框和搜索按钮的 ID,提交是 Search Button 的 ID 和 search-box 是搜索框的 ID。

    然后你需要$("#search-box") 和$("#submit")。我建议你阅读 CSS 选择器 here。

    【讨论】:

      【解决方案3】:
      $("#id-of-the-search-box").keyup(function(event){
        if(event.keyCode == 13){
          $("#id-of-the-button").click();
        }
      });
      

      如果您向我们展示您的 html,显然会更容易提供帮助。

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 2010-11-13
        • 1970-01-01
        • 2021-04-20
        • 1970-01-01
        • 2014-05-08
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多