angularjs - AngularJS 如何在内部捕获诸如 'onclick' 、 'onchange' 之类的事件？

Question

我在输入元素中使用了“ng-model”，并使用 chrome 检查器观察了该元素。但是输入元素的每个 onxxx 属性(包括 onchange)都是空的。那么，AngularJS如何捕捉用户输入触发的“onchange”事件呢？

Answer 1

如果在 Chrome 的事件监听器选项卡中检查标准文本输入元素(附加了 ng-model)，您将看到它附加了两个事件监听器:$destroy和 input .

Angular 默认监听 input事件，并且，如果浏览器不支持它，它将回退到 keydown + change事件。

事件与 jQlite 的 bind 方法绑定(bind)(除非您还包含完整的 jQuery，在这种情况下，它的 bind 方法将接管)。

您可以在 input [email] 上找到您可以自行检查的示例输入元素。指令文档页面。

Exact line in Angular source (v1.2.0rc1)负责处理输入事件。