ホームページ > 記事 > ウェブフロントエンド > AngularJS ng-blur ディレクティブの詳しい説明と簡単な例
AngularJS ng-blur ディレクティブの詳しい説明と簡単な例
- 高洛峰オリジナル
- 2017-01-10 11:18:151362ブラウズ
AngularJS ng-blur ディレクティブ
AngularJS の例
入力ボックスがフォーカスを失ったときに式を実行する (onblur):
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script>
</head>
<body ng-app="">
<input ng-blur="count = count + 1" ng-init="count=0" />
{{count}}
<p>实例中 "count" 变量记录了失去焦点的次数。</p>
</body>
</html>実行結果:
0
例では「カウント」 " 変数はフォーカスが失われた回数を記録します。
定義と使用法
ng-blur ディレクティブは、HTML 要素がフォーカスを失ったときに実行する必要がある式を AngularJS に伝えるために使用されます。
AngularJS の ng-blur ディレクティブは、ネイティブの onblur イベントをオーバーライドしません。このイベントがトリガーされると、ng-blur 式とネイティブの onblur イベントの両方が実行されます。
構文
472353a2be00c6b0c4b0e67c228a7fe6a24c0203f0ae689239f065103120aae7
3499910bf9dac5ae3c52d5ede7383485、d5fd7aea971a85678ba271703566ebfd、221f08282418e2996498697df914ce4e、4750256ae76b6b9d804861d8f69e79d3、ウィンドウオブジェクトのサポート。
パラメータ値
以上、AngularJSのng-blur命令知識の簡単な説明でした。今後も追加していきますのでよろしくお願いします。
AngularJS ng-blur 命令のより詳細な説明と簡単な例については、PHP 中国語 Web サイトに注目してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。