移动端 - 随笔分类 - sunnie_c

摘要：在苹果机上的时间戳转换格式为阅读全文

posted @ 2018-08-02 16:35 sunnie_c 阅读(564) 评论(0) 推荐(0)

摘要：误给img原始添加阅读全文

posted @ 2017-10-18 15:49 sunnie_c 阅读(481) 评论(0) 推荐(0)

摘要：因为移动端浏览器的原生滚动条样式很好，不像pc端那么难看，所以在页面需要滚动的地方用了原生的滚动条，这种滚动条在安卓浏览器中没有任何问题，但是在ios微信浏览器还是自带浏览器中都会反应迟钝，很难滑动，有的地方干脆不能滑，用户体验很垃圾，查了一些资料后，找到了这个属性 -webkit-overfl 阅读全文

posted @ 2017-08-30 20:30 sunnie_c 阅读(324) 评论(0) 推荐(0)

ios点击事件失效

摘要：当使用委托给一个元素添加click事件时，如果事件是委托到 document 或 body 上，并且委托的元素是默认不可点击的（如 div, span 等），此时 click 事件会失效。解决办法有 4 种可供选择： 1、将 click 事件直接绑定到目标元素（即 .target）上2、将阅读全文

posted @ 2017-08-30 17:42 sunnie_c 阅读(265) 评论(0) 推荐(0)

苹果机原生键盘输入的问题

摘要：1.当我们用正则控制输入框中的内容(如:不能输入特殊符replace(/[^A-Za-z0-9,\u4E00-\uFA29]/g,""); 1.1这时当你输入多时输入框就会多填充字符,这时在处理特殊字符时用一个延迟就好了,使用setTimeout(function(){},100); 1.2当输入特阅读全文

posted @ 2017-07-21 19:41 sunnie_c 阅读(176) 评论(0) 推荐(0)

android、ipone在文本框中输入文字的不同

摘要：1.android机会输入时会在键盘上先显示,你确定后再填充如文本框 2.ipone机是你输入时就直接填充到文本框,当你选择输入信息时，就会先把文本框的内容清空,在填充选择的文字,这时就会有个问题，如果使用input事件,就会判断到输入框的文本为空, 这时有其他事件可以使用复合事件（composi 阅读全文

posted @ 2017-07-06 16:27 sunnie_c 阅读(195) 评论(0) 推荐(0)

可编辑的div模仿文本框缓存(使用AUTOCOMPLETE属性,off是不缓存，on是缓存(默认))

摘要：用session实现的, 1.进当前页面就从session(a)中取( )(不管存在不存在,后续有合理的存储和删除); 2.离开当前页时删除这个session(a)( ),用另一个session(b)存值; 3.被跳转的页面拿到session(b),赋值个session(a); 这时就可以在回退的时阅读全文

posted @ 2017-07-05 16:53 sunnie_c 阅读(156) 评论(0) 推荐(0)

移动端的坑之在可编辑的div中实现placeholder

摘要：1.当我们个 div 设置了 contenteditable = "true" 这个块状元素就可以编辑了, 如果要实现 placeholder 直接写上去是没有效果的 2.可以添加样式来实现这段代码匹配属性 contenteditable="true" 的元素类容为empty时添加:before 阅读全文

posted @ 2017-07-05 15:52 sunnie_c 阅读(852) 评论(1) 推荐(0)

移动端遇到的坑

摘要：1.移动端maxlength不起作用 <input type="text" maxlength="5" /> 效果ok，当 <input type="number" maxlength="5" />时maxlength失效，长度可以无限输入。解放方案： <input type="number" o 阅读全文

posted @ 2017-06-13 18:56 sunnie_c 阅读(185) 评论(0) 推荐(0)

获得手机端的屏幕宽高

摘要：document.documentElement.clientWidth; (用这个看手机做适配的宽高)document.documentElement.clientHeight; width: window.innerWidth || document.documentElement.client 阅读全文

posted @ 2017-04-17 14:02 sunnie_c 阅读(230) 评论(0) 推荐(0)

移动端的转屏

摘要：var clientWidth = window.screen.width; var clientHeight = window.screen.height; var maxValue; clientWidth < clientHeight ? $("html").css("font-size", 阅读全文

posted @ 2016-11-26 17:43 sunnie_c 阅读(109) 评论(0) 推荐(0)

随笔分类 - 移动端