javascript 在 google chrome 上启用/禁用文本字段/文件字段 onfocus 事件问题

发布于 2024-11-14 17:24:56 字数 864 浏览 2 评论 0原文

 Use default: 
 <input type="radio" name="restype" value="resdef" onfocus="document.getElementById('resupload').disabled = true; document.getElementById('resadres').disabled = true;" checked="checked" /><br />

 Adres: 
 <input type="radio" name="restype" value="resadres" onfocus="document.getElementById('resupload').disabled = true; document.getElementById('resadres').disabled = false;" /> 
 <input type="text" name="resadres" id="resadres" disabled="disabled" /><br /><br />

 Upload: 
 <input type="radio" name="restype" value="resupload" onfocus="document.getElementById('resadres').disabled = true;  document.getElementById('resupload').disabled = false;" /> 
 <input type="file" name="resupload" id="resupload" disabled="disabled" />

此代码适用于 Firefox 和 IE,但不适用于 Chrome。问题出在哪里?

 Use default: 
 <input type="radio" name="restype" value="resdef" onfocus="document.getElementById('resupload').disabled = true; document.getElementById('resadres').disabled = true;" checked="checked" /><br />

 Adres: 
 <input type="radio" name="restype" value="resadres" onfocus="document.getElementById('resupload').disabled = true; document.getElementById('resadres').disabled = false;" /> 
 <input type="text" name="resadres" id="resadres" disabled="disabled" /><br /><br />

 Upload: 
 <input type="radio" name="restype" value="resupload" onfocus="document.getElementById('resadres').disabled = true;  document.getElementById('resupload').disabled = false;" /> 
 <input type="file" name="resupload" id="resupload" disabled="disabled" />

This code works in firefox and IE but not in Chrome. Where is the problem?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

漫雪独思 2024-11-21 17:24:57

当您使用 Tab 键导航时,onfocus 起作用。您应该对表单元素使用 onchange 事件。

http://jsfiddle.net/5NaH5/

onfocus works when you use tab key to navigate. You should use onchange event for form elements.

http://jsfiddle.net/5NaH5/

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文