0

我有一个带有 2 个按钮的表单 - 一个是提交按钮，另一个是应用折扣代码的按钮。问题是 Return 键总是激活表单底部的提交按钮。

当折扣代码文本字段处于活动状态时，有什么方法可以让返回键激活折扣代码按钮？

4

3 回答 3

1

总而言之，您需要捕获键盘事件或表单的提交事件。就个人而言，我认为您最好使用keyup。

var discountInput = document.getElementById('discount-input');
var form = document.getElementById('my-form');

function keyupHandler(evt)
{
    if(evt.keyCode == 13 && document.activeElement == discountInput)
    {
        evt.preventDefault();
        evt.stopImmediatePropagation();
        // either trigger the event handler which adds the discount,
        // or call that function here.
    }
}

form.addEventListener('keyup',keyupHandler);
于 2013-07-19T02:00:37.407 回答
0

看看这个线程：

在文本框中的 Enter 键上使用 JavaScript 触发按钮单击

基本上，您将一个按键监听器附加到您想要响应的按钮上。

于 2013-07-19T02:00:12.943 回答
0

使用autofocus属性

<input type = "submit" autofocus>
于 2013-07-19T02:02:29.423 回答