需要在輸入命中時觸發功能

Question

我有一個搜索框，這是一個文本類型。它有一個點擊按鈕，啓動Find（）。

我怎樣才能通過點擊文本框進入裏面

Answer 1

如果您的文本輸入表單元素的裏面，你可以將一個的onsubmit（或jQuery的.submit（））事件處理程序的窗體元素做查找。此事件將觸發當用戶按下回車鍵，文本輸入input元素上使用ng-keypress內

Answer 2

和檢查enter關鍵代碼：

<input type="text" ng-keypress="($event.which === 13) ? Find() : void(0)" /> 

這是假設jQuery已經加載。否則，您可能需要使用$event.keyCode，但以瀏覽器兼容的方式使用would be tricky。

---

如果你有一個包含此模板的指令，那麼你應該趕在link功能這一事件，並呼籲Find那裏。否則，將input按鈕放在form內，並在form元素上定義on-submit。雖然檢查IE兼容性，但我記得IE7至少需要一個隱藏的<input type="submit" />在輸入鍵的形式提交表單。

Answer 3

document.onkeydown = function(evt) {//when key is pressed 

     evt = evt || window.event; 
     if (13 == evt.keyCode) {//if key was enter 
      if (document.activeElement.className== "search_input"){//if the focus is on your input (in this case search_input) 
       Find() //call your function 
       return false;//cancel enter 
      } 
     } 
    } 

Answer 4

我一般都非常喜歡Angular-UI。在這種情況下，ui-keypress指令應該很好。 http://angular-ui.github.io/ui-utils/#/keypress。返回/回車鍵所需的鍵碼是13.