javascript - 文本框设置readonly 之后 光标不显示

查看:170
本文介绍了javascript - 文本框设置readonly 之后 光标不显示的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

问 题

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

解决方案

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

这篇关于javascript - 文本框设置readonly 之后 光标不显示的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆