Phonegap 中的只读文本输入字段是可编辑的

Posted

技术标签:

【中文标题】Phonegap 中的只读文本输入字段是可编辑的【英文标题】:Readonly Text input field in Phonegap are editable 【发布时间】:2014-02-05 10:39:37 【问题描述】:

我有一个带有文本值的输入字段。我希望这些数据是只读的。输入用于 Phonegap / Cordova 3.0 移动应用程序。即使使用readonly='readonly' 属性,当我单击输入字段时,它会带来键盘,我可以在 iosandroid 上编辑文本。

我选择了一个输入字段,因为我希望用户能够使用设备的本机复制粘贴功能复制和粘贴此文本。

在使用 Phonegap 应用程序时,是否可以选择仍然使用 webkit 上只读的输入文本字段?

我试过this solution,但也没有用。另外值得一提的是,输入字段 html 代码是使用 javascript 动态插入的。

【问题讨论】:

【参考方案1】:

尝试通过 jquery 只读方式进行

<textarea cols="20" id="txtWhowasinterOther" name="txtWhowasinterOther" rows="2"></textarea>

$('#txtWhowasinterOther').attr("readonly", true).css( "background-color": "grey" );

这里是演示 DEMO

【讨论】:

可以编辑什么?在此演示中,您不能输入任何值。 仔细检查它并且它有效。抱歉弄错了

以上是关于Phonegap 中的只读文本输入字段是可编辑的的主要内容,如果未能解决你的问题,请参考以下文章

UITableViewCell 中的可编辑文本字段

自定义表格视图单元格中的可编辑文本字段

使文本输入字段看起来被禁用,但只读

在输入框中的光标后添加不可编辑的文本

我希望 wpf DataGrid 其余部分中的数据是只读的,并且只有新行应该是可编辑的

从聚焦的只读输入中删除文本插入符号/指针