相关搜索 >> input

  • 0705解决 ios input fixed置底 获取焦点或切换输入法时被法挡住的BUG阅读(9707)条2018/7/5 11:53:20

    一、概述:项目中有一个置底发布评论的效果,安卓没有发现问题,但是IOS出现了被输入法挡住的问题。搜索了下这个BUG,很多人都有在问这个问题。二、解决思路:有去尝试了一些测试,但有些是只能在弹出时滚动到底部,切换输入法还是有问题。所以我对此方法做了一个调整,IOS中需要点击才能获取焦点,接着我就对input点击事件着手。1、点击input时科开启定时器自动滚动到底部,防止切换输入法导致被挡住。2、input失去焦点时清除定时器。三、实例源代码:(测...阅读全文

    Taget:bug ios input 

  • 0327input文字超出宽度用省略号显示阅读(16059)条2018/3/27 13:45:34

    有的时候的某段文本太长了,会影响整个的布局,很多人用动态语言来解决这个问题,但必须区分中文和英文,因为中文相当于两个英文字符长度,这样不仅繁琐,而且加重了服务器的负担。其实,我们完全可以使用CSS完美解决这个问题,单行比较好解决,多行由于只兼容webkit内核的浏览器所在不在这里讨论。语法:text-overflow : clip | ellipsis参数:clip :  不显示省略标记(...),而是简单的裁切(clip这个参数是不常用的!)ellipsis :  当对象内文本溢...阅读全文

    Taget:css ellipsis 裁剪 

  • 0228解决input 属性为 number,maxlength无效情况阅读(16770)条2017/2/28 14:14:21

    移动端在使用input数字number类型的时候maxlength竟然无效,因为是手机号码限止11位数字输入。<input type="text"  maxlength="11" />   效果ok,当 <input type="number"  maxlength="11" />时maxlength失效,长度可以无限输入。 解放方案:<input type="number" oninput="if(value.length>11)value=value.slice(0,11)" />...阅读全文

    Taget:input number maxlength bug 

  • 0111解决ios 微信 input 获取焦点时fixed失效阅读(15073)条2017/1/11 11:33:07

    一、概述做微信页面经常会碰到IOS与Android不兼容性问题,例如顶部置顶搜索框,IOS 获取焦点有软键盘唤起的情况下fixed置顶无效,而是变成了absolute跟随页面可以滚动,Android则没有任何问题,在ios8以下系统,当小键盘激活时,都会出现位置浮动问题的bug,所以暂时只能自己Fixed。先说明我本身的使用情况。方法1:本来可以用absolute(定位)来解决,但是我的页面是有下拉加载新数据,依靠body的scroll事件来触,因为用了定义并不能触发。所以我在此...阅读全文

    Taget:ios fixed input bug 

  • 0522解决input file按钮要点击两次才弹出选择文件窗口阅读(22169)条2015/5/22 14:14:41

    相信很多人都碰到过这个问题,文件上传控件透明后有的要点击两次才能弹出选择文件窗口,这里将将介绍如何避免要双击,只需要单击是可以实现的。 本来一直无心留意这个图片上传file按钮的BUG,因为有时候为了效果好看有时候我们要做点什么比如隐藏input模拟点击。FF可以chrome也可 以,唯独IE不行,报安全错误。所以还是得找方法解决,最终在某网站找到了,只是把input按钮的透明度改为0然后定位到最顶层,虽然透明,不表示没 有,这样点击上传时不...阅读全文

    Taget:input 上传 bug 

  • 0813css之input hover,focus伪类特效阅读(23013)条2014/8/13 9:08:21

    记得以前为了兼容ie6,ie7等低版本不支持css伪类,不得不用JS去做效果。现在IE6,7使用的人越来越少了,我们是时候应该抛弃它们了(使用JS控制文本框特效)。CSS伪类可以很好的做到这点只需要几行代码就可以了。而且是全局性的,不需要每个文本框跟按钮去添加样式。一劳永逸,够爽的吧。下面就开始介绍。IE6 IE7 IE8(Q) 不支持如”:focus,:hover”等伪类特效,所以我们的特效是基于支持伪类的浏览器中才能看到的特效。支持键盘控制一样可...阅读全文

    Taget:css 伪类 focus 特效 

当前第  1  页 / 共  1  页  总共6条记录  

1