本文将带你了解WEBAPP开发之webapp开发总结，希望本文对大家学WEBAPP有所帮助。

//文本域输入自适应高度
vartextarea=document.getElementById('reserve-input');
functionmakeExpandingArea(el){
varsetStyle=function(el){
el.style.height='auto';
el.style.height=el.scrollHeight+'px';
}
vardelayedResize=function(el){
window.setTimeout(function(){
setStyle(el)
},
0);
}
if(el.addEventListener){
el.addEventListener('input',function(){
setStyle(el)
},false);
setStyle(el)
}elseif(el.attachEvent){
el.attachEvent('onpropertychange',function(){
setStyle(el)
});
setStyle(el)
}
if(window.VBArray&&window.addEventListener){//IE9
el.attachEvent("onkeydown",function(){
varkey=window.event.keyCode;
if(key==8||key==46)delayedResize(el);
});
el.attachEvent("oncut",function(){
delayedResize(el);
});//处理粘贴
}
}
makeExpandingArea(textarea);//方法调用

//解决iOS端input触发焦点的时候，键盘会有遮住输入框的情况
$(document).on('click','#reserve-input',function(){
vartarget=this;
setTimeout(function(){
target.scrollIntoView(true)
},100)
})
//点击任何区域隐藏元素，其中的e是event事件对象
e.target.tagName.toLowerCase()    

本文由职坐标整理并发布，希望对同学们有所帮助。了解更多详情请关注职坐标移动开发之WebApp频道！