peak
peak
  • 发布:2015-12-08 18:24
  • 更新:2016-06-02 18:56
  • 阅读:7811

mui里面获取搜索输入框的输入完成事件

分类:MUI
mui

mui里面搜索输入框(<input type="search" class="mui-input-clear" placeholder="输入关键词">),输入完关键字后,怎样获取输入完成事件进行查询。文档里面我没有看到方法。

2015-12-08 18:24 负责人:无 分享
已邀请:
DCloud_UNI_FXY

DCloud_UNI_FXY

1、blur
2、keypress事件,keyCode===13

Float

Float - 专注

我认为 <input type="search" id="search" onblur="test()" class="mui-input-clear" placeholder="输入关键词"> onblur 应该可以满足你的需求。 勿喷。。

peak

peak (作者)

多谢两位的回答!

wr_ring@163.com

wr_ring@163.com

点击清除图标和键盘上的搜索时候都无法触发blur事件 。
keypress事件,keyCode===13,同样在点击清除的图标时候不会触发。

wr_ring@163.com

wr_ring@163.com

我的做法是用 onchange事件。
针对 清除图标 再单独写捕获事件。
function DoSearch(){
document.querySelector('.mui-icon-clear').addEventListener('tap',function () {
DoSearch()
});
if(contentWebview==null){
contentWebview = plus.webview.currentWebview().children()[0];
}
var vValue= mui("#CustSearch")[0].value;
mui.fire(contentWebview,'custSubBind',{ filter:vValue });
};

不过感觉有点蠢

该问题目前已经被锁定, 无法添加新回复