JS移動端如何監聽軟鍵盤回車事件


移動端經常項目中會有搜索之類的功能,一般實現的是按搜索按鈕進行搜索,如果要像PC端一樣實現按回車鍵進行搜索該怎么實現呢?

方法很簡單,就是在搜索框的input外面套一個form標簽  注意點:form標簽一定得添加 action屬性(可設置為空)

<form action=""><input type="text" name="search" /></form>

  移動端軟鍵盤的回車會觸發form的submit事件,所以我們只需要監聽form的submit事件就可以實現按回車按鈕進行搜索的功能

var oForm =  document.getElementsByTagName("form")[0];
oForm.onsubmit = function(){
	$scope.searchOrder();
};

  題外話:我拿的ipad進行的測試 當input框外面套上form標簽 並給form標簽添加action屬性后  軟鍵盤上的return 會變成藍色的Search.


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM