angularjs - 在 Twitter Typeahead 上禁用回车键？

Question

是否可以在 Twitter Typeahead 的下拉列表中禁用某个元素的回车键？我将 Angular 与 Typescript 结合使用。

当 event.keycode === 13 在 typeahead 输入的 ng-keydown 上时，我尝试使用 preventDefault()。 ng-keydown 将检测到已按下 enter，但是无法阻止 typeahead 选择元素。

我是否需要在输入时禁用预输入监听器或其他东西？

Answer 1

你在 input 元素或 form 元素上试过吗？

对我来说，它在我执行时有效:

$('form').on('submit', function(e) {event.preventDefault();});
但是我建议使用更具体的选择器；)

或者您可以在 input 字段上执行此操作，但您需要防止事件传播。 preventDefault 仅阻止事件的默认行为 - 在输入的情况下它正在更新它的值。您要做的是停止提交表单，因此您需要停止事件传播。

这是应该用于输入的片段:

$('#demo-input').on('keydown', function(e) {
    if (e.keyCode === 13) {
        return false
    }
});

当使用 jQuery 时，事件处理程序中的 return false 与调用 e.preventDefault() 和 e.stopPropagation() 的作用相同。