Home Sign Up Sign In
jianghu52
V2EX  ›  问与答

手机上的输入框要怎么设计？textarea or DIV?

  •  1      
  •   jianghu52 · May 9, 2014 · 2940 views
    This topic created in 4470 days ago, the information mentioned may be changed or developed.
    做一个给手机用的web。不知道输入框要怎么设计。目前用的是DIV。遇到一些问题。
    https://gist.github.com/5898848.git
    这个是输入框。CSS主要是
    http://gist.github.com/2e1f7e26fb562154e783.git
    效果：

    当我用iphone5s（iphone4也一样）的默认输入法选择 [拷贝之后]
    再黏贴就出来是这样的

    不知道要怎么解决。我尝试用paste方法，但是没成功。
    PS：PC上无法模拟这个效果。我用HTC one chrome+触宝输入法也没这个问题。note3 自带浏览器+百度输入法也没这个问题。
  • 输入法
  • 输入框
  • div
    10 replies  •  2014-05-09 20:15:59 +08:00
    jianghu52
        1
    jianghu52  
    OP
       May 9, 2014
    代码贴的不对。重新来
    https://gist.github.com/c31221280dc6eb96e983.git
    jianghu52
        4
    jianghu52  
    OP
       May 9, 2014
    终于会了。重写贴代码
    https://gist.github.com/jianghu52/c31221280dc6eb96e983
    这个是网页的
    https://gist.github.com/jianghu52/2e1f7e26fb562154e783#file-css
    这个是CSS的
    sodatea
        5
    sodatea  
       May 9, 2014
    没有富文本编辑的需求就用 textarea 吧
    没有 iPhone 没办法测试
    你看一下粘贴之后的 DOM 结构看看？
    jianghu52
        6
    jianghu52  
    OP
       May 9, 2014
    @sodatea 手机怎么看dom啊。
    angusjune
        7
    angusjune  
       May 9, 2014
    @jianghu52 用iPhone mac Safari的开发者选项那里可以看到iPhone safari上的dom
    sodatea
        8
    sodatea  
       May 9, 2014
    @jianghu52 远程调试 http://www.leiphone.com/ios-safari-remote-debugging.html
    或者 alert 一下 #ask_k 的 innerHTML
    jianghu52
        9
    jianghu52  
    OP
       May 9, 2014
    。。。。还需要一台Mac。。。
    jianghu52
        10
    jianghu52  
    OP
       May 9, 2014
    什么事件触发alert呢。paste事件无效。
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   5773 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 30ms · UTC 02:08 · PVG 10:08 · LAX 19:08 · JFK 22:08
    ♥ Do have faith in what you're doing.