exlce
exlce
  • 发布:2017-07-05 13:29
  • 更新:2017-07-05 14:00
  • 阅读:1216

点软键盘的"搜索"按扭后, 会自动隐蔵 搜索框 和键盘

分类:MUI

mui.plusReady(function() {

var header = document.getElementById("header");  
//封装标题栏  
var titleElem = document.createElement('h1');  
titleElem.className='mui-title';  
titleElem.innerText='通知公告';  
//封装搜索栏  
var inputElem = document.createElement('input');  
inputElem.type = "search";  
inputElem.id = "search";  
inputElem.className = '';  
inputElem.placeholder = '请输入名称查询';  

var searchElem = document.createElement('form');  
searchElem.className = 'mui-input-row mui-search';  
searchElem.appendChild(inputElem);  

//预先加载标题  
//header.appendChild(titleElem);  

console.log(searchElem.innerHTML);  

mui('.mui-bar').on('tap', '.mui-icon-search',function() {  

    var telem = header.querySelector('.mui-title');  

    if (telem) {  
        header.removeChild(telem);  
        header.appendChild(searchElem);  
    }else{  
        header.removeChild(searchElem);  
        header.appendChild(titleElem);  
    }  
});  

document.getElementById("search").addEventListener("keydown", function(e) {  
    if(13 == e.keyCode) { //点击了“搜索”    
        var title = document.getElementById("search").value;  
        if(isBlank(title)) {  
            mui.alert('请输入通知名称!');  
            return;  
        }  
        //pulldownRefresh();  
        document.activeElement.blur(); //隐藏软键盘   

    }  
}, false);   

});

2017-07-05 13:29 负责人:无 分享
已邀请:
exlce

exlce (作者)

form 上 加了 action="#" 之后,第一次还是一样, 再次点出搜索框,就不会了

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