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

V2EX = way to explore

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

已注册用户请登录

这是一个创建于 3661 天前的主题，其中的信息可能已经有所发展或是发生改变。

做一个给手机用的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 条回复 • 2014-05-09 20:15:59 +08:00

jianghu52

2014-05-09 15:38:38 +08:00

jianghu52

2014-05-09 15:38:51 +08:00

jianghu52

2014-05-09 15:40:03 +08:00

jianghu52

2014-05-09 15:41:20 +08:00

sodatea

2014-05-09 16:35:36 +08:00

没有富文本编辑的需求就用 textarea 吧
没有 iPhone 没办法测试
你看一下粘贴之后的 DOM 结构看看？

jianghu52

2014-05-09 17:07:50 +08:00

@sodatea 手机怎么看dom啊。

angusjune

2014-05-09 18:21:24 +08:00

@jianghu52 用iPhone mac Safari的开发者选项那里可以看到iPhone safari上的dom

sodatea

2014-05-09 19:16:47 +08:00

jianghu52

2014-05-09 20:15:05 +08:00

。。。。还需要一台Mac。。。

jianghu52

2014-05-09 20:15:59 +08:00

什么事件触发alert呢。paste事件无效。