Tag: 用户input

聚焦input时iOS上的触摸滚动问题

我在iOS上有一个滚动div的问题。 当试图通过触摸外部input滚动,它滚动没有任何问题,但是当我尝试滚动,我触摸input开始滚动(有很多的机会,因为它是一个div有很多input)它滚动整个窗口,而不是滚动div。 我在桌面或Android上都没有这个问题。 我发现了一个类似的问题( iOS的HTMLinput标签停止滚动可滚动元素 ),但它也没有任何答案。 虽然我没有find任何好的解决scheme,但我决定在用户​​触摸input时防止触摸事件发生,但这并不是我想要的。 也许有人已经面临这个问题,可以帮助。 我真的很感激,在此先感谢。

在iPad上更改html textarea的键盘types

我正在为iPad编写一个Web应用程序。 我知道有可能改变使用下面的html input字段时显示的键盘types: Text: <input type="text" /> Telephone: <input type="tel" /> URL: <input type="url" /> Email: <input type="email" /> Zip Code: <input type="text" pattern="[0-9]*" /> 问题是我必须使用textarea而不是input 。 是否有可能获得相同的结果? 如果没有:是否有任何方法来改变ENTER键的键盘标签。 目前默认的标签是“返回”,我想有“发送”(因为它是一个聊天应用程序)。 非常感谢!

我怎样才能closures键盘上的input按键

当我按下RETURN键时,我想closures我的键盘。 我已经试过把button放在背面。 但是,我怎样才能通过按RETURN键呢?

IOS设备问题与HTML表单input(type = text)

所以我有一个HTMLlogin表单有两个字段:电子邮件和密码。 除IOS设备(iPhone,iPad)外,这些设备的浏览器都可以轻松填充。 在IOS领域几乎没有焦点,一旦焦点,键盘popup,我开始打字,但实际上没有填写。 我已经尝试在Chrome和Safari浏览器,仍然得到相同的结果。 领域保持黑色。 贝娄是我的表格格式: <form method="post" name="login" action="login"> <div class="divInputWrapper "> <i class="icon-envelope inputIcon inlineElt"></i> <label for="email"></label> <input type="text" name="email" placeholder="Enter your email address" class="formInput"/> </div> <div class="divInputWrapper "> <i class="icon-envelope inputIcon inlineElt"></i> <label for="password"></label> <input type="password" name="password" class="formInput"/> </div> <button class="blue centeredContent">Login</button> </form> 我试着添加一个自动对焦属性,预设一个值,但仍然是相同的。

点击两次后,无法在iOS上inputhtmlinput字段

我在iOS上遇到一个问题,我已经提出了一个小提琴: http://jsfiddle.net/Hk56Q/ 如果为任何触摸事件(touchstart / touchmove / touchend)添加了事件侦听器,如下所示: function onTouch( e ){}; document.addEventListener( 'touchstart', onTouch, false ); 导致input字段在iOS上具有以下行为: 第一次触摸:input获得焦点,用户可以正确input 随后的触摸(重点放在已经存在的字段):打字不再工作 在iPad和iPhone(模拟器和实际设备)上,我正在iOS 5,5.1和6上体验和testing此问题。 唯一的修复似乎是删除事件监听器来恢复input字段的正确行为(或实际上从不添加监听器): document.removeEventListener( 'touchstart', onTouch); 我还注意到,如果页面上有多个iframe,并且其中一个将侦听器添加到其文档,则会打破其他iframe的input字段。 小提琴在我的Android手机上正确行事。 任何想法为什么会发生? 或者如何让触摸事件的全局自定义事件处理程序,而不会打破iOS上的input?

只允许访问HTML5中的相机设备

我目前正在开发应用程序使用相机的iPhone在HTML5与 <input type="file" accept="capture=camera"> 问题是我有一个小列表,让我select我的图书馆和我的相机。 我的想法是有两个button,一个用于图书馆,另一个用于相机。 我知道只给图书馆的方式,而不是相机。 问:是否有办法分开这两种types?

iOSinput集中在固定父节点位置更新的固定元素

以下情况发生在Mobile Safari iOS 6.1.2上 重现步骤 创build一个position: fixed其中包含<input type="text">元素的position: fixed元素。 实际结果 投入 – 不重点 input未聚焦时,固定元素的位置是正确的。 以投入为重点 当input被聚焦时,浏览器进入一个特殊的模式,它不再更新固定元素的位置(任何固定的定位元素,而不仅仅是input的父元素),并移动整个视口以使input父元素坐在屏幕的中心。 查看现场演示: http : //jsbin.com/oqamad/1/ 预期结果 固定元件的位置始终受到尊重。 修复或解决方法? 任何线索如何强制Safari来正确显示固定的元素将是有帮助的。 我宁愿一个解决方法,不涉及使用position: absolute和设置onscroll事件处理程序。

移动固定定位元素的iOS 7input元素

我正在尝试为iOS 7重新编译一个应用程序,因为迄今为止还没有一个应用程序能够正常工作。 其中一个问题是我在UIWebViews中使用了一些input。 文本input,捡拾器等 现在,当iOS 7shiny的白色键盘出现时,网页中的所有底部固定元素(例如确认button)向上滚动,就好像虚拟键盘的“顶部”是我的UIWebView的新底部一样。 这是与iOS6.x完全不同的行为 有没有什么魔术让虚拟键盘的行为像过去一样工作,而不向JSView注入JS / CSS?

如何在用户input字符并防止无效字符时testing字符input到UITextField

首先,我为UITextField设置键盘以使用带有小数点的数字。 所以用户只能input数字和一个小数。 我想要做的是在用户input时testinginput,防止input多个小数,并将数字的小数部分限制在两个地方。 我不想把这个数字四舍五入,甚至不把input作为一个数字。 我只是想阻止用户input小数点右侧的两位数字。