首頁  >  文章  >  web前端  >  AngularJS取得焦點以及操作焦點

AngularJS取得焦點以及操作焦點

php中世界最好的语言
php中世界最好的语言原創
2018-04-17 10:06:592568瀏覽

這次帶給大家AngularJS取得焦點以及操作焦點,AngularJS取得焦點以及操作焦點的注意事項有哪些,下面就是實戰案例,一起來看一下。

<!DOCTYPE html>
<html ng-app="formExample">
<head>
  <meta charset="UTF-8">
  <title></title>
  <script src="../js/angular.js"></script>
  <script>
    angular.module('formExample', [])
        .controller('FormController', ['$scope', function($scope)
        {
          $scope.userType = 'guest';
          $scope.change = false;
        }]);
  </script>
</head>
<body>
<form name="myForm" ng-controller="FormController">
  userType: <input name="input" ng-model="userType" ng-blur="change=true" ng-focus="change=false" required>
  <span class="error" ng-show="myForm.input.$error.required && change">必填项</span><br>
</form>
</body>
</html>

相信看了本文案例你已經掌握了方法,更多精彩請關注php中文網其它相關文章!

推薦閱讀:

BootStrap標題怎麼設定禁止跨行

js控制時間每秒自己運動

parabola.js實作拋物線與加入購物車功能

#

以上是AngularJS取得焦點以及操作焦點的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn