1. 寫在前面
關于如何獲取input框、textarea等的焦點，網上有許多文章都只是會跟你說ng-focus這個內置指令。像這種解答，只能說明作者并為真正理解人家的需求。ng-focus是一個事件，跟原生JS（JavaScript）的onfocus是一樣的，當我們點擊input框時，就會觸發該事件，而在該事件里我們可以調用一個函數。所以，當人家問你如何獲取焦點時一般的意思是，如果我進行了某些操作后，不用鼠標點擊是如何自動獲取焦點，問題的關鍵是“自動”。
因為AngularJS沒有像原生JS那樣可通document.getElementById("idVlaue")直接獲取元素的功能，所以只能通過自定義指令的方式實現，所以需要實現這個，我們還得有angularjs自定義指令的基礎。可參考：//m.survivalescaperooms.com/article/115979.htm
2. 代碼示例
各位看官，芭蕉即焦點，如有戳中你的笑點，概不負責。溫馨提示：下面代可直接拿去編輯器運行看效果哦，哎，沒辦法，就是這么負責。
<!-- 傳說芭蕉扇乃鐵扇公主唾液所化，因此可重復取 --><!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> <div ng-app="myApp" ng-controller="control"> <input type="text" set-Focus ng-blur="setBlur()"> <button ng-click="getFocus()">孫爺爺我要去取芭蕉扇了</button> </div> <script type="text/javascript"> //模型 var app = angular.module('myApp',[]); //控制器 app.controller("control",function($scope){ $scope.isCome = false; //判斷大圣來了沒 $scope.isFocus = false; //判斷是不是要取芭蕉扇 $scope.getFocus = function(){ $scope.isFocus = true; //大圣來了 $scope.isCome = true; //要取芭蕉扇 }; $scope.setBlur = function(){ $scope.isFocus = false;//沒人要來取芭蕉扇了 } }); //自定義指令 app.directive('setFocus',[ function(){ return { scope:false, link:function(scope, element){ scope.$watch("isFocus",function(newValue,oldValue, scope) { //大圣來了，且要取芭蕉扇 if(newValue && scope.isCome){ element[0].focus(); //獲取焦點 alert("猴哥，老牛不在家，我一介女子還不是你說什么我就照做，可你進入人家的身體也不打聲招呼，進了就進了，還搞得我那么難受，求你別搞了，給，芭~~~蕉~~~扇！") } }, true);; } }; }]);</script></body> </html>3. 代碼說明
首先說明一下，我本后臺Java工程師，因前端大牛搭了AngularJS后卻辭職去了新浪，一下無人接手，我便自告奮勇接了活。為了啥？為了漲工資塞！
該文默認讀者對angualrJS有一定的基礎語法，此文的亮點在哪呢？亮點在于實現獲取焦點的邏輯。angularjs文檔只會告訴你用自定義指令獲取焦點，如代碼：
新聞熱點
疑難解答
圖片精選
