html5:为div启用屏幕键盘

html5:为div启用屏幕键盘,html,jquery-mobile,mobile,Html,Jquery Mobile,Mobile,假设我们有一个部门: <div>Random text</div> 随机文本 现在,当我在手机/平板电脑上点击这个div时,它应该会在屏幕键盘上显示出来,这样我就可以打字了。我想处理使用标准事件键入的键。你知道我如何打开屏幕键盘吗?我建议你在文本区域或输入字段中插入鼠标(以最适合你的为准) 我建议你选择一个文本区域或输入字段(以最适合你的为准) 我建议你选择一个文本区域或输入字段(以最适合你的为准) 我建议你选择一个文本区域或输入字段(以最适合你的为准) 我建议使用元

假设我们有一个部门:

<div>Random text</div>
随机文本

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

我建议你在文本区域或输入字段中插入鼠标(以最适合你的为准)


我建议你选择一个文本区域或输入字段(以最适合你的为准)


我建议你选择一个文本区域或输入字段(以最适合你的为准)


我建议你选择一个文本区域或输入字段(以最适合你的为准)


我建议使用
元素,而不是普通的div。您可以应用一些CSS使其看起来不像一般的输入框。由于可选择,屏幕键盘将自动显示


我建议使用
元素,而不是普通的div。您可以应用一些CSS使其看起来不像一般的输入框。由于可选择,屏幕键盘将自动显示


我建议使用
元素,而不是普通的div。您可以应用一些CSS使其看起来不像一般的输入框。由于可选择,屏幕键盘将自动显示


我建议使用
元素,而不是普通的div。您可以应用一些CSS使其看起来不像一般的输入框。由于可选择,屏幕键盘将自动显示

在div上使用HTML5的属性

请看

点击我编辑内容。
看一看,我是一个div,不是一个文本框或文本区域,我使用了
“内容可编辑”

单击“我”以编辑连接, 对不起,我不可编辑
单击第一个div,您还可以编辑内容并向其附加事件

在div上使用HTML5的属性

请看

点击我编辑内容。
看一看,我是一个div,不是一个文本框或文本区域,我使用了
“内容可编辑”

单击“我”以编辑连接, 对不起,我不可编辑
单击第一个div,您还可以编辑内容并向其附加事件

在div上使用HTML5的属性

请看

点击我编辑内容。
看一看,我是一个div,不是一个文本框或文本区域,我使用了
“内容可编辑”

单击“我”以编辑连接, 对不起,我不可编辑
单击第一个div,您还可以编辑内容并向其附加事件

在div上使用HTML5的属性

请看

点击我编辑内容。
看一看,我是一个div,不是一个文本框或文本区域,我使用了
“内容可编辑”

单击“我”以编辑连接, 对不起,我不可编辑

单击第一个div,您还可以编辑内容并向其附加事件

文本将使用此方法进行编辑。如果将
禁用
只读
应用于
以防止对其进行编辑,则触摸键盘时不会激活。我不确定这是否是OP的目标(能够编辑文本)。使用此方法可以编辑文本。如果将
禁用
只读
应用于
以防止对其进行编辑,则触摸键盘时不会激活。我不确定这是否是OP的目标(能够编辑文本)。使用此方法可以编辑文本。如果将
禁用
只读
应用于
以防止对其进行编辑,则触摸键盘时不会激活。我不确定这是否是OP的目标(能够编辑文本)。使用此方法可以编辑文本。如果将
禁用
只读
应用于
以防止对其进行编辑,则触摸键盘时不会激活。我不确定这是否是OP的目标(能够编辑文本)。您的目标是文本可编辑吗?或者只是为了让键盘和文本保持不变?我正在开发nutty.io,它有终端模拟器,可以在浏览器中工作。终端模拟器不是输入或文本区域,因此我无法在移动设备上使用键盘。所以我想知道如何让它工作。你的目标是文本可以编辑吗?或者只是为了让键盘和文本保持不变?我正在开发nutty.io,它有终端模拟器,可以在浏览器中工作。终端模拟器不是输入或文本区域,因此我无法在移动设备上使用键盘。所以我想知道如何让它工作。你的目标是文本可以编辑吗?或者只是为了让键盘和文本保持不变?我正在开发nutty.io,它有终端模拟器,可以在浏览器中工作。终端模拟器不是输入或文本区域,因此我无法在移动设备上使用键盘。所以我想知道如何让它工作。你的目标是文本可以编辑吗?或者只是为了让键盘和文本保持不变?我正在开发nutty.io,它有终端模拟器,可以在浏览器中工作。终端模拟器不是输入或文本区域,因此我无法在移动设备上使用键盘。所以我想知道如何让它工作。
div.onclick = focus textarea
textarea.onkeyup = change div content
... etc.
<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>