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>