2010-10-04 91 views
6

显示键盘举例来说,如果我有有没有一种方法,以避免在移动Safari

<input type="text" id="myid"> 

,我使用iPad,我在此输入焦点,在iPad会自动显示键盘。有没有办法避免这种情况? 谢谢

+1

如果键盘未显示,用户如何将数据输入该字段? – 2010-10-04 20:07:20

+1

重点关注输入字段时会显示一张表格,以便人们可以选择一个项目。一个简单的选择标签不会这样做,因为每个选项都会有多个数据项。 – 2010-10-04 20:20:12

回答

2

不要让焦点转到那个领域。使用事件处理程序来防止默认行为。 事件处理会是这个样子:

function onFocus(e) { 
    e.preventDefault(); 
    // you could change the color of the field to indicate this is the active field. 
} 

你的表处理代码可能会填充此字段没有浏览器不断关注它。

3

我发现的最佳解决方案是在textarea上放置一个隐形div。这可以防止textarea接收触摸事件,并防止键盘出现。在div上捕获事件,并且如果您想对其执行textarea可编辑调用.focus(),那么会弹出键盘。

使用event.preventDefault不能很好地工作。它会导致屏幕在键盘出现时“跳跃”,然后立即消失。

11

是的,只是让元素只读

<input type="text" id="myid" readonly="readonly" /> 

请注意,这不符合的单元工作。我相信这可能是一个错误。

相关问题