首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >如何在文本框中按回车键时触发HTML按钮?

如何在文本框中按回车键时触发HTML按钮?
EN

Stack Overflow用户
提问于 2012-10-18 20:54:52
回答 12查看 248.2K关注 0票数 122

到目前为止,我所拥有的代码是:

代码语言:javascript
复制
<fieldset id="LinkList">
    <input type="text" id="addLinks" name="addLinks" value="http://">
    <input type="button" id="linkadd" name="linkadd" value="add">
</fieldset>

它不在<form>中,就像在<div>中一样。然而,当我在linkadd中输入一些叫做"addLinks“的东西时,我希望用户能够按Enter并触发"linkadd”button,它将运行一个JavaScript函数。

我该怎么做呢?

谢谢

编辑:我确实找到了这段代码,但它似乎不能工作。

代码语言:javascript
复制
$("#addLinks").keyup(function(event){
    if(event.keyCode == 13){
        $("#linkadd").click();
    }
});
EN

回答 12

Stack Overflow用户

回答已采纳

发布于 2012-10-18 20:57:33

代码语言:javascript
复制
$(document).ready(function(){
    $('#TextBoxId').keypress(function(e){
      if(e.keyCode==13)
      $('#linkadd').click();
    });
});
票数 122
EN

Stack Overflow用户

发布于 2014-06-16 22:05:30

有一个js-free的解决方案。

type=submit设置为您想要设置为默认按钮,并将type=button设置为其他按钮。现在在下面的表单中,您可以在任何输入字段中点击Enter,Render按钮就可以工作了(尽管它是表单中的第二个按钮)。

示例:

代码语言:javascript
复制
    <button id='close_renderer_button' class='btn btn-success'
            title='Перейти к редактированию программы'
            type=button>
      <span class='glyphicon glyphicon-edit'> </span> Edit program
    </button>
    <button id='render_button' class='btn btn-primary'
            title='Построить фрактал'
            type=submit
            formaction='javascript:alert("Bingo!");'>
      <span class='glyphicon glyphicon-send'> </span> Render
    </button>

在FF24和Chrome35上测试(formaction是html5功能,但type不是)。

票数 85
EN

Stack Overflow用户

发布于 2012-10-18 20:57:57

  1. submit
  2. Be progressive替换progressive,请确保您有一个服务器端版本
  3. 将您的JavaScript绑定到表单的submit处理程序,而不是按钮

click处理程序<代码>G212

在字段中按enter将触发表单提交,并触发提交处理程序。

票数 14
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/12955222

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档