为了这个效果,在网上找了基于 jQuery-Mobiscroll 的插件,可是这个插件在移动端会出现蓝色光标不断闪烁的问题,之后又找了其他几个相思的插件都会在 ios 上出现蓝色光标闪烁,想问下有什么办法可以解决这个问题 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
zebulon
V2EX    jQuery

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

  •  
  •   zebulon 2015-11-29 16:05:58 +08:00 4381 次点击
    这是一个创建于 3680 天前的主题,其中的信息可能已经有所发展或是发生改变。
    17 条回复    2015-11-30 23:28:27 +08:00
    zebulon
        1
    zebulon  
    OP
       2015-11-29 16:12:08 +08:00
    怎么才能发图片啊
    FuryBean
        2
    FuryBean  
       2015-11-29 16:22:43 +08:00
    在弹出这个日期框的时候,执行一下 document.activeElement.blur();
    marvinwilliam
        3
    marvinwilliam  
       2015-11-29 17:38:53 +08:00
    editable 设为 false 可以不?那个光标是因为可编辑所以出现的
    zebulon
        4
    zebulon  
    OP
       2015-11-29 18:12:52 +08:00
    @marvinwilliam 还是不行,光标依然会出现
    zebulon
        5
    zebulon  
    OP
       2015-11-29 18:13:15 +08:00
    @FuryBean 这样光标确实没了,不过日期也没了
    Librazy
        6
    Librazy  
       2015-11-29 18:37:02 +08:00
    我的第一反应是设置光标颜色和背景色相同。
    Librazy
        7
    Librazy  
       2015-11-29 18:41:23 +08:00
    或者在 CSS 里面引用一个颜色相同的 cur 文件?
    banri
        8
    banri  
       2015-11-29 18:49:40 +08:00
    换个思路,避开这个问题:

    模拟一个假的输入框,把真的输入框隐藏
    点击真的输入框触发假输入框的 focus 事件
    然后监听真输入框的 change 事件,将里面的值复制给模拟的假输入框
    banri
        9
    banri  
       2015-11-29 18:50:09 +08:00
    @banri 说反了,点击假的 触发 真的
    zebulon
        10
    zebulon  
    OP
       2015-11-29 19:10:41 +08:00
    @Librazy 这样的话输入框里面的文字也会与背景色一样了
    zebulon
        11
    zebulon  
    OP
       2015-11-29 19:10:50 +08:00
    @banri 好的,我试试
    zebulon
        12
    zebulon  
    OP
       2015-11-29 19:19:40 +08:00
    @banri 用了这个办法算是解决了这个问题,谢谢 啊
    zebulon
        13
    zebulon  
    OP
       2015-11-29 19:31:54 +08:00
    @zebulon 但是我把真的那个给隐藏后就不能触发真的那个的事件了
    domty
        14
    domty  
       2015-11-29 20:17:37 +08:00
    样子看起来像 mobiscroll 啊
    我以前好像做过类似的
    domty
        15
    domty  
       2015-11-29 20:19:16 +08:00
    mobiscroll 的做法貌似是把整个 input text 做成 disable 的了,调调背景颜色让它看上去像正常可用的 input 就行
    zebulon
        16
    zebulon  
    OP
       2015-11-29 21:44:54 +08:00
    @domty 对,就是 mobiscroll,可是 input 的蓝色光标闪烁会到最上面来,如图所示
    ljcarsenal
        17
    ljcarsenal  
       2015-11-30 23:28:26 +08:00 via Android
    Input 设置个 readonly 属性
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     2712 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 26ms UTC 14:15 PVG 22:15 LAX 06:15 JFK 09:15
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86