1. 程式人生 > >搜尋輸入框,撥出軟鍵盤時右下角為搜尋按鈕

搜尋輸入框,撥出軟鍵盤時右下角為搜尋按鈕

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>