javascript - 使用 "enter"动态更改按下的按钮

标签 javascript jquery html input enter

我有一个带有两个按钮和一些文本输入的表单。默认情况下,如果您按 Enter 键,它将“单击”第一个按钮。我希望这样,如果您在任一文本框中键入内容,则按下 Enter 键后将单击第二个按钮。

在下面的简化示例中,按 Enter 键将默认“单击”使用 facebook 按钮登录。即使在电子邮件或密码文本输入中输入了某些内容,也会发生这种情况。我希望这样,如果在电子邮件或密码输入中输入了某些内容,则按 Enter 键将“单击”使用电子邮件/密码登录按钮。

<form>
    <button class="login-facebook">Log in with Facebook</button>
    <input type="text" class="email" placeholder="email"><br>
    <input type="password" class="password" placeholder="password"><br>
    <button class="login-password">Log in with email/password</button>   
</form>

目标是这样的:

$('.email').add('.password').on('change', function() {
    $('.login-password').setToBeNewDefaultClickIfEnterIsPressed();   
});

其中 setToBeNewDefaultClickIfEnterIsPressed() 更改默认输入。

最佳答案

参见:Multiple submit buttons on HTML form – designate one button as default

您还可以将它们设为单独的形式并进行使用。另请参阅:preventDefault

关于javascript - 使用 "enter"动态更改按下的按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18193285/

相关文章:

javascript - Ionic View 应用程序是否只能从 ionic 目录加载页面?

javascript - 是什么导致了这种鼠标行为?

javascript - JQuery:将 GET URL 转换为 POST

jquery - Pane 打开时如何在 Angular Accordion 标题上设置类?

javascript - Onchange 方法不适用于更改文本框的值

javascript - 查询 : If select has option 1 show div

javascript - 如何将 javascript/jquery 函数从一个 html 页面传递到另一个

javascript - 为什么 Angularjs 检测不到我的 Controller ?

html - 两个内联 block ,宽度为 50% 的元素换行到第二行

html - 如何修复CSS动画中的元素