搜尋輸入框,撥出軟鍵盤時右下角為搜尋按鈕
阿新 • • 發佈:2018-11-19
1.使用form表單
<form>
<div class="mui-input-row mui-search" style="position: absolute;">
<input id="searchSN" type="search" class="mui-input-clear" placeholder="請輸入機臺編號">
</div>
</form>
2、js處理
var search = document.getElementById("searchSN"); // 監聽input框鍵盤事件 search.addEventListener("keypress", function(e) { var SN = search.value; //當e.keyCode的值為13 即,點選前往/搜尋 按鍵時執行以下操作 if(e.keyCode == 13) { plus.storage.setItem("targetSN", SN); document.activeElement.blur();//軟鍵盤收起 goto();//事件處理 } });
3.軟鍵盤搜尋,跳轉踩坑處理
點選搜尋按鈕往往第一次頁面會重新整理一次,覆蓋掉內容
解決辦法:將from的target對應到iframe
<form> <div class="mui-input-row mui-search" style="position: absolute;"> <input id="searchSN" type="search" class="mui-input-clear" placeholder="請輸入機臺編號"> <iframe name='frameFile' style="display: none;"></iframe> </div> </form>