手机端
关注
分享
扫一扫
vcxiaohan2
这个作者很懒，什么都没留下…
展开
-
禁止手机端点击input框跳出输入法
第一种方式：，添加disabled，禁用输入框；第二种方式：不使用input,使用其他非焦点获取的标签来代替，比如div；第三种方式：通过js控制，原创 2016-03-30 16:17:40 · 24337 阅读 · 0 评论 -
js解决软键盘遮挡输入框问题
请在这里查看示例 ☞ cover示例经验须知弹出软键盘时： ios端$(‘body’).scrollTop()会改变android端$(window).height()会改变拉起键盘不是一瞬间，而是有一个缓动过程问题重现ios端，经常会出现输入法遮挡输入框的问题(特别是那种有一个白色顶部的输入法，如：百度输入法)，如图： 问题解决我们只需要在输入框聚焦之后，开启一个定时器，执行$(‘b原创 2016-12-29 12:48:57 · 16781 阅读 · 2 评论 -
css解决ios端按钮和输入框自带圆角的问题
请在这里查看示例 ☞ borderRadius示例问题重现在ios端，我们不想使用按钮或输入框自带的圆角样式，改如何取消呢？问题解决源码如下<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1,原创 2016-12-29 14:29:50 · 9434 阅读 · 0 评论 -
js判断手机端是否弹出软键盘
弹出软键盘时：ios端$('body').scrollTop()会改变android端$(window).height()会改变原创 2016-08-09 11:27:26 · 19082 阅读 · 0 评论 -
微信公众平台前端人员对接(微信拍照上传)
1.本篇主要介绍前端如何对接微信公众平台2.示例选取微信拍照上传1.确认设置安全域名(设置后，可在该域名下进行测试)(图片a)2.获取到AppID和AppSecret(图片b)3.通过AppID和AppSecret得到access_token(图片c)a.请求方式getb.请求链接https://api.weixin.qq.com/cgi-bin/token?g原创 2016-06-23 20:40:04 · 24774 阅读 · 3 评论 -
显示手机键盘的回车换行
在手机端，只有输入框是 textarea 标签时，手机键盘上才会显示换行符input 和 textarea 标签手机端显示对比如下 input - 右下角是开始按键 textarea - 右下角是回车按键原创 2016-11-04 11:57:23 · 6776 阅读 · 0 评论 -
解决ios端不能使用body元素的冒泡事件
现象：只在ios端$('body').on('click', function() {//...});这个事件是不生效的。问题详见：http://zhidao.baidu.com/link?url=KDQ2krrwS1miCWxmFmnvYdtxuJGcX7_uAMpR9Jxft1zkDpSnlXSIjJ8emui42KErCL0PPS0A_HC2_q13Zv0m0Jisea1OBpL原创 2016-08-10 14:44:23 · 2140 阅读 · 0 评论 -
ios端点击document，input框不会失去焦点
ios端的一个bug，解决方法是： window.onload = function() { document.querySelector('body').addEventListener('touchend', function(e) { if(e.target.className != 'input') {原创 2016-08-03 10:38:20 · 6756 阅读 · 0 评论 -
touch事件
手机端网页html格式 test * { margin: 0; padding: 0; font-size: 0.04rem; } body, html { width: 100%;原创 2016-06-22 17:11:35 · 300 阅读 · 0 评论 -
h5手机网页的meta标签
http://blog.youkuaiyun.com/cui55/article/details/41822339习惯的格式： test * {margin: 0; padding: 0;} body, html { width: 100%; heig原创 2016-06-21 14:57:13 · 813 阅读 · 0 评论 -
Navigator.getUserMedia()
这方法老早被删除了，现在chrome和ff都没有这个方法，所以h5调用录音基本不可能了。https://developer.mozilla.org/en-US/docs/Web/API/Navigator/getUserMedia原创 2016-06-29 11:12:33 · 10349 阅读 · 1 评论 -
点击输入框只掉出数字键盘
type=tel原创 2016-04-12 17:42:05 · 1013 阅读 · 1 评论 -
手机端用背景图片变模糊
不用在手机端用背景图片，会模糊，直接用img标签原创 2016-03-18 17:39:26 · 1647 阅读 · 0 评论 -
手机端如何真正的解决页面缓存问题
问题重现当我们需要开发手机端页面的时候，不得不在真机中调试在微信中，可以通过微信提供的设置-通用-存储空间-清理微信(这是ios，android可能略不同)进行页面缓存的清理在App中，就比较麻烦了，因为App一般不会像微信考虑的那么周全，给你提供清理页面缓存的途径问题解决像网上说的一些方法，经本人测试，都是无效的，如给head加meta标签：meta http-eq原创 2016-11-29 16:02:42 · 22886 阅读 · 1 评论