angularjs中按回车事件_Angular中form表单中input自动响应回车事件

最新推荐文章于 2024-07-14 02:27:17 发布

SherryLi禅玉

最新推荐文章于 2024-07-14 02:27:17 发布

阅读量945

点赞数

文章标签： angularjs中按回车事件

本文链接：https://blog.csdn.net/weixin_34579167/article/details/114160076

版权

在AngularJS中，按回车事件会触发表单的默认提交行为。要阻止此行为，可以将按钮类型设置为非'submit'，或者不使用form标签。表单的提交可以通过form元素或submit按钮定义，而按Enter键会触发隐式提交，主要用于辅助阅读工具用户或不便使用鼠标的用户。当表单只有一个input元素且无submit按钮时，按Enter会提交表单，否则不会触发。

摘要由CSDN通过智能技术生成

这是表单默认提交动作，跟ng无关。

如楼上所说将button,type改成非'submit'，或者不用form。

扩展来说其实这个问题很多人没搞清，我这里来总结以下吧~

Attributes for form submission can be specified both on form elements and on submit buttons (elements that represent buttons that submit forms, e.g. an input element whose type attribute is in the Submit Button state).

表单的提交行为，可以用两种方式定义，一是form表单自身，二是form表单的button元素(包括type='submit'的input标签,以及type='submit'的button元素，button默认type为submit)

而按enter键会触发form表单提交，这称为隐式提交。这是为了让那些使用辅助阅读工具使用者(比如屏幕阅读器)或不方便使用鼠标者所设立的

There are pages on the Web that are only usable if there is a way to implicitly submit forms, so user agents [browsers] are strongly encouraged to support this

当用户在一个表单的input标签按enter按钮时，浏览器会找到表单中的第一个提交按钮(submit button)，并触发click，同时提交表单。

如果一个表单里没有任何submit button。当这个表单只有一个input元素时，在这个input