V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
zebulon
V2EX  ›  jQuery

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

  •  
  •   zebulon · 2015-11-29 16:05:58 +08:00 · 3984 次点击
    这是一个创建于 3313 天前的主题,其中的信息可能已经有所发展或是发生改变。
    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   ·   实用小工具   ·   3010 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 23ms · UTC 13:46 · PVG 21:46 · LAX 05:46 · JFK 08:46
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.