javascript - 单击 Angular JS 中的输入字段事件

Question

假设您在 Angular JS 应用程序中有一个输入字段

 <input id="title" type="text" name="title" placeholder="enter a title" ng-model="item.title" />

我想在用户完成与输入的交互后向用户显示一些关于输入数据有效性的反馈，但我想不出观看“点击关闭”事件的指令。也就是说，当用户在表单中键入内容时，要么选择下一个选项卡，要么点击其他任何地方。

如何捕获“点击关闭和元素”事件。

请注意，这与“关闭点击”事件形成对比，后者指的是用户点击除给定元素以外的任何地方。

Answer 1

你需要使用 ng-blur 指令。

ng-模糊:

Specify custom behavior on blur event.

A blur event fires when an element has lost focus.

注意: 您在 ng-blur 中看到的打印只是 console.log 为方便起见，请参阅我的 fiddle !

JSFiddle Demo

JS:

<div ng-controller='MyController' ng-app="myApp">
  <input id="title" type="text" name="title" placeholder="enter a title" ng-model="item.title" ng-blur="print('lost focus')" />
</div>

引用资料:

1. > ng-blur