为了这个效果,在网上找了基于 jQuery-Mobiscroll 的插件,可是这个插件在移动端会出现蓝色光标不断闪烁的问题,之后又找了其他几个相思的插件都会在 ios 上出现蓝色光标闪烁,想问下有什么办法可以解决这个问题

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

For Existing Member Sign In

This topic created in 3806 days ago, the information mentioned may be changed or developed.

http://ww2.sinaimg.cn/mw690/ae3ee2f3gw1eyhwwk3ytjj20b70jndgz.jpg

插件

光标

闪烁

蓝色

17 replies • 2015-11-30 23:28:27 +08:00

zebulon

Nov 29, 2015

怎么才能发图片啊

FuryBean

Nov 29, 2015

在弹出这个日期框的时候，执行一下 document.activeElement.blur();

marvinwilliam

Nov 29, 2015

editable 设为 false 可以不？那个光标是因为可编辑所以出现的

zebulon

Nov 29, 2015

@marvinwilliam 还是不行,光标依然会出现

zebulon

Nov 29, 2015

@FuryBean 这样光标确实没了,不过日期也没了

Librazy

Nov 29, 2015

我的第一反应是设置光标颜色和背景色相同。

Librazy

Nov 29, 2015

或者在 CSS 里面引用一个颜色相同的 cur 文件？

banri

Nov 29, 2015

换个思路，避开这个问题：

模拟一个假的输入框，把真的输入框隐藏
点击真的输入框触发假输入框的 focus 事件
然后监听真输入框的 change 事件，将里面的值复制给模拟的假输入框

banri

Nov 29, 2015

@banri 说反了，点击假的触发真的

zebulon

Nov 29, 2015

@Librazy 这样的话输入框里面的文字也会与背景色一样了

zebulon

Nov 29, 2015

@banri 好的,我试试

zebulon

Nov 29, 2015

@banri 用了这个办法算是解决了这个问题,谢谢啊

zebulon

Nov 29, 2015

@zebulon 但是我把真的那个给隐藏后就不能触发真的那个的事件了

domty

Nov 29, 2015

样子看起来像 mobiscroll 啊
我以前好像做过类似的

domty

Nov 29, 2015

mobiscroll 的做法貌似是把整个 input text 做成 disable 的了，调调背景颜色让它看上去像正常可用的 input 就行

zebulon

Nov 29, 2015

@domty 对,就是 mobiscroll,可是 input 的蓝色光标闪烁会到最上面来,如图所示

ljcarsenal

Nov 30, 2015 via Android

Input 设置个 readonly 属性