JQUERY 触摸屏键盘答案

【问题标题】：JQUERY Touch Screen KeyboardJQUERY 触摸屏键盘
【发布时间】：2011-09-21 17:41:28
【问题描述】：

<body>
<div id="wrap">         
    <textarea id="keyboard"></textarea><Input type="button" id="butPress" value="Display Keyboard"></input>
</div>

我的网页上有 2 个主要控件。一个是TextBox，另一个是Button。当我按下按钮时，我想显示键盘，这样任何平板电脑都可以在不使用物理键盘的情况下打字。

如果你能给我任何兼容Apple safari浏览器的代码就更好了。

请给我一些建议。

【问题讨论】：

【解决方案1】：

这里有一个很棒的关于制作 jquery 键盘的教程：

然后你可以像这样编写一小段 jQuery（在 css 中设置键盘 div 的样式为 display:none）：

$('.button').click(function(e){
    e.preventDefault;
    $('.keyboard').fadeIn();
});

【讨论】：

【解决方案2】：

只需让按钮将键盘焦点放在文本框上，任何现代设备都应该自动调出键盘。不要自己制作键盘。

【讨论】：