我有一个UITextField
in HTML
表单设置为只读。输入时,javascript 应测试该字段当前是否正在由其他人编辑,如果不是,则只读将设置为 false 并允许编辑该字段。为此,我使用了 onFocus() 事件。
这在 Chrome 和 Firefox 中运行良好,但在 iOS 设备上屏幕键盘未显示。我怀疑 iOS 上的 Safari 浏览器仍然会看到只读处于活动状态,即使脚本将其设置为 false 也是如此。
稍后必须可以再次将字段设置为只读,因此从 HTML 中删除它不是一个选项。
有没有办法告诉 iOS 始终显示键盘,即使设置了只读,还是这是错误的方法?也许通过 onFocus() 触发它通常是错误的?
JavaScript部分
function preCheckField(field,form){
if(field.readOnly){
// ses = "<?php echo $session['ukey']; ?>";
// res = getAccessRequest(field.id, form.id, ses);
// server side check before entry is skipped for this test
// assuming entry was allowed the readonly must be unset
field.readOnly = false;
dev_div = document.getElementById('dev_message');
message = (field.id+" can now be modified");
dev_div.innerHTML = dev_div.innerHTML+"<br>"+message;
field.focus();
}
}
html部分
<form action="#edit.1.product.label"
id="input.product.label"
method="post"
name="product.label"
class="form-style">
Label:<br>
<input id="1.product.label"
name="input"
type="text"
placeholder="label"
onFocus="preCheckField(this,this.form)"
readonly>
</form><br>
DEVELOPER OUTPUT:
<div id="dev_message">
</div>
更改 readOnly 时,表单元素不应已获得焦点,以便 iOS Safari 注册更改后的状态。
屏幕键盘现在将按预期显示。
function preCheckField(field, form) {
if (field.readOnly) {
field.blur(); // iOS needs this before a change of the readOnly
// ses = "<?php echo $session['ukey']; ?>';
// res = getAccessRequest(field.id, form.id, ses);
// server side check before entry is skipped for this test
// assuming entry was allowed by getAccessRequest readonly can be unset
field.readOnly = false;
dev_div = document.getElementById('dev_message');
message = (field.id + " can now be modified");
dev_div.innerHTML = dev_div.innerHTML + "<br>" + message;
field.focus();
}
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)