webapp開發(fā)總結(jié)

//文本域輸入自適應(yīng)高度
var textarea = document.getElementById('reserve-input');
function makeExpandingArea(el) {
var setStyle = function(el) {
el.style.height = 'auto';
el.style.height = el.scrollHeight + 'px';
}
var delayedResize = function(el) {
window.setTimeout(function() {
setStyle(el)
},
0);
}
if (el.addEventListener) {
el.addEventListener('input', function() {
setStyle(el)
}, false);
setStyle(el)
} else if (el.attachEvent) {
el.attachEvent('onpropertychange', function() {
setStyle(el)
});
setStyle(el)
}
if (window.VBArray && window.addEventListener) { //IE9
el.attachEvent("onkeydown", function() {
var key = window.event.keyCode;
if (key == 8 || key == 46) delayedResize(el);

        });
        el.attachEvent("oncut", function() {
            delayedResize(el);
        }); //處理粘貼
    }
}
makeExpandingArea(textarea);//方法調(diào)用

//解決iOS端input觸發(fā)焦點(diǎn)的時(shí)候,鍵盤會有遮住輸入框的情況
$(document).on('click', '#reserve-input', function() {
var target = this;
setTimeout(function() {
target.scrollIntoView(true)
}, 100)
})
//點(diǎn)擊任何區(qū)域隱藏元素,其中的e是event事件對象
e.target.tagName.toLowerCase()

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 這篇筆記主要包含 Vue 2 不同于 Vue 1 或者特有的內(nèi)容,還有我對于 Vue 1.0 印象不深的內(nèi)容。關(guān)于...
    云之外閱讀 5,187評論 0 29
  • 原文: https://github.com/ecomfe/spec/blob/master/javascript...
    zock閱讀 3,498評論 2 36
  • 1、tableView層次 結(jié)構(gòu) 2、cell cell結(jié)構(gòu)Snip20151026_22.png content...
    iOS_成才錄閱讀 35,173評論 7 78
  • 最近好多小伙伴問我為何選擇西安,其實(shí)我自己也不知道或許源于心內(nèi)沉積已久對于歷史沉淀的向往或許僅僅是心累找個(gè)棲息地,...
    貓貓的貓舍閱讀 127評論 0 0
  • 彼岸花,開一千年,落一千年,花葉永不相見。情不為因果,緣注定生死。 一 夜涼如水,殺氣縱橫。 妖靈的血滲透了我一身...
    橙小郭閱讀 1,622評論 10 8

友情鏈接更多精彩內(nèi)容