input text 设置disabled='disabled' 单击事件不响应

zhuhao19851021 2015-07-27 02:26:57

input text 设置disabled='disabled' 单击事件不响应，请问怎么找原因？？

...全文

1404 2 打赏收藏转发到动态举报

写回复

2 条回复

切换为时间正序

请发表友善的回复…

发表回复

纯洁袜子 2015-07-27

打赏
举报

回复

你把它禁用掉了还怎么响应事件

Sasayau 2015-07-27

打赏
举报

回复 1

设置成 readonly就好了

请注意，只读的输入框将不可编辑，用户不能在其中输入文本，但仍然可以选择和复制文本。如果需要完全禁用用户与输入框的交互，可以考虑使用 disabled 属性，这将使输入框不可编辑并禁用用户选择和复制文本。但要注意，禁用的输入框将呈现为灰色，并且用户不能通过点击或按键盘来与它交互。如果想要输入框不可编辑状态不显示光标，但是又需要添加事件，可以把disabled 换成 readonly。

本以为改变input[disabled]的字体颜色只需要改变color和opacity就可以了，结果发现在iPhone手机和Mac的Safari浏览器中都不起作用。所以接下来我们来研究一下它。 1.设置 -webkit-text-fill-color input:disabled, input[disabled] { -webkit-text-fill-color: #2c363f; ...

input有两个属性，一个是disabled，一个是readonly，都可以让text进入无法输入的状态，只是disabled会让text的value也变成灰色的，而readonly则让value还是黑色的。。。。 readonly后仍然可以onclick，而disabled就直接让text挂了。。 ...

第一次听到这个问题，是一位前辈分享他面试别人的题目，乍一听，这么没营养的也问？或许他只是随便一说，我却记住了，因为转念一想，好像真说不全，text、submit、checkbox、radio...还有啥来着？常见的需求：登录/注册输入金额填写个人资料除此之外，其他场景貌似不多，但就算这些，也不是每款产品都需要，再加上HTML5加入的新成员，更加难以捉摸。本篇文章我们就一起回顾一下，当然，鉴于其本身...

本文详细解析了如何通过JavaScript优化网页表单填写体验，实现HTML input回车自动跳转的进阶功能。文章从监听onkeydown事件入手，逐步讲解了如何精准定位下一个输入框、处理边界情况、设置光标位置，并提供了兼容多种输入类型和前端框架的健壮解决方案，旨在提升数据录入效率与用户体验。

87,987

社区成员

224,683

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章