javascript - 文本框设置readonly 之后 光标不显示
PHP中文网
PHP中文网 2017-04-11 11:02:07
[JavaScript讨论组]

如图 做一个移动端的数字输数器 目前界面跟功能完成一大部分了 但是遇到问题了
文字显示的区域 有左移右移 用光标可以跟明显的看到 但是 有光标就会自动调用手机键盘
用户体验很不好 如果文字显示的区域 设置readonly 光标就不会显示
求问
1、有什么办法 用js 屏蔽手机键盘么 (最上面的文本框需要获取光标 一获取光标键盘自动调出)
2、给文本框设置readonly 可以显示光标么 (测试证明 可以获取光标的位置但是光标不显示)

PHP中文网
PHP中文网

认证0级讲师

全部回复(3)
巴扎黑

已经解决了 在文本框上面加了一层span 模拟了一个光标

天蓬老师

使用onkeydown事件阻止键盘弹出

<input type="text" readonly  onkeydown="return false;" />
高洛峰

span 模拟了一个光标,这部分代码能贴出来么

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号