移动端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(); } },

 

posted on 2018-12-19 18:02  Mike17  阅读(1028)  评论(0编辑  收藏  举报

导航

搜狗