移動端經常項目中會有搜索之類的功能,一般實現的是按搜索按鈕進行搜索,如果要像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.