HTML5：启用屏幕键盘上的一个div

Question

比方说，我们有一个div：

<div>Random text</div> 

现在，当我点击这个div的移动/平板电脑应该弹出屏幕键盘上，这样我可以输入。我想处理使用标准事件键入的键。任何想法如何我可以调出屏幕键盘？

Answer 1

使用Contenteditable在DIV HTML5的属性。

请参阅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您还可以编辑内容，并且还事件附加到它

Answer 2

我建议你hi-jack一个textarea或输入字段（以最适合你的需求为准）。

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

Answer 3

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

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