html5:为屏幕键盘启用div

时间:2014-02-13 14:36:41

标签: html5 jquery-mobile mobile

假设我们有一个div:

<div>Random text</div>

现在,当我在手机/平板电脑上点击这个div时,它应该显示屏幕键盘,以便我可以打字。我想处理使用标准事件键入的键。知道如何打开屏幕键盘吗?

3 个答案:

答案 0 :(得分:3)

在div上使用HTML5的Contenteditable属性。

请参阅DEMO

<div contenteditable="true" id="div1"><strong>Click on me to edit the content.</strong>
    Have a look I am a div not a textbox or textarea and I have used
    <strong>"contenteditable"</strong> 
</div>

</br>

<div>Click on me to edit the conetct, 
     <strong>sorry I am not editable</strong>
</div>

点击第一个div,您也可以编辑内容并附加一个事件

答案 1 :(得分:0)

我建议您在文字区域或输入字段中填写(最适合您的需求)。

div.onclick = focus textarea
textarea.onkeyup = change div content
... etc.

答案 2 :(得分:0)

我建议使用<textarea>元素而不是普通div。您可以应用一些CSS使其看起来不像通用输入框。由于可以选择,屏幕键盘会自动出现。

http://www.w3schools.com/tags/tag_textarea.asp