V2EX = way to explore
V2EX 是一个关于分享和探索的地方
Sign Up Now
For Existing Member  Sign In
jianghu52
V2EX  ›  问与答

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

  •  1
     
  •   jianghu52 · May 9, 2014 · 2799 views
    This topic created in 4381 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 自带浏览器+百度输入法也没这个问题。
    10 replies    2014-05-09 20:15:59 +08:00
    jianghu52
        1
    jianghu52  
    OP
       May 9, 2014
    jianghu52
        4
    jianghu52  
    OP
       May 9, 2014
    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   ·   934 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 39ms · UTC 21:51 · PVG 05:51 · LAX 14:51 · JFK 17:51
    ♥ Do have faith in what you're doing.