记录一些踩过的坑,全是经验......
一:全局
1.阻止弹出层下面的页面滚动
给弹出层的最外层标签上加@touchmove.prevent
二:ipone
1.readonly与disabled
在iphone下,输入框为readonly时,点击依然会获得焦点;
建议设为disabled
2.button在iphone下会有默认自带的样式和圆角
-webkit-appearance: none;清除自带样式
3.button,a,img等点击时会高亮,去除方式如下:
-webkit-tap-highlight-color:rgba(255,255,255,0);
4.不兼容new date("2017-09-08 00:00:00") 这种写法,需要把‘-’换成‘/’:
var date="2017-09-08 00:00:00"
new Date(date.replace(/-/g, "/"))
三:android
1.输入框获取焦点时,软键盘会遮挡,主动触发让输入框上移
if (/Android/gi.test(navigator.userAgent)) { window.addEventListener('resize', function () { if (document.activeElement.tagName == 'INPUT' || document.activeElement.tagName == 'TEXTAREA') { window.setTimeout(function () { document.activeElement.scrollIntoViewIfNeeded(); }, 0); } }) }
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步