引导程序模式对话框中的默认按钮

Question

我正在尝试在引导程序模式中设置默认按钮。 这是代码： http : //plnkr.co/edit/1aLlDdL8WfkUrBVt4q31?p=preview

在模式窗口中，我希望“提交”按钮为默认按钮。

我尝试遵循代码，但是没有用。

$("#userNameModal").keyup(function(event){
       if(event.keyCode == 13){
           $("#submitUserNameBtn").click();
       }
});

任何帮助表示赞赏。

Answer 1

用<form>包裹代码，并设置正确的按钮类型： type="submit"按钮为type="submit" type="button" ，其他type="button"为type="button" 。

修改后的插件： http ://plnkr.co/edit/XD2UzlBnPbBafWmWfTg0?p=preview

Answer 2

由于您使用的是Angular，所以我只会使用指令。 这样，您就可以在整个应用程序中使用它（也在底部是有效的plnkr的链接）：

.directive('enterSubmit', function() {
    return {
        restrict: 'A',
        link: function(scope, elem, attrs) {
            elem.bind('keydown', function(event) {
                var code = event.keyCode || event.which;
                if (code === 13) {
                    if (!event.shiftKey) {
                        event.preventDefault();
                        scope.$apply(attrs.enterSubmit);
                    }
                }
            });
        }
    }
});

然后从您的输入中调用它：

enter-submit="submitUserName()"

这里是工作修订版的PLNKR： http ：//plnkr.co/edit/STXwWPxWIWpDSkIo9ruG？p = preview