移动端h5+vue失焦搜索，ios和android兼容问题

html部分：

<input type="search"  :placeholder="placeholder" v-model="searchName" @blur="searchIos" @keypress="searchAndroid" class="inputDemo">

js事件处理部分：

            search(){
                this.totalPages = 1;
                this.curPage = 1;
                this.listData = [];
                this._getData();
            },
            searchIos(){
　　　　　　　　　//ios点击完成失去焦点搜索
                this.search();
            },
            searchAndroid(event){
　　　　　　　　　　//android点击搜索，未能失去焦点，故失去焦点事件无法触发，单可以调用键盘事件处理
                if (event.keyCode == 13) { //如果按的是enter键 13是enter 
                    event.preventDefault(); //禁止默认事件（默认是换行） 
                    this.search();
                }
            },

 

转载于:https://www.cnblogs.com/cx709452428/p/10144971.html