iphone 上app使用contenteditable 输入法无法换行

分类：HTML5+

css iOS

2015-01-04 15:41 负责人:无分享

5 个回复

尘岳two

和mui.css冲突了
不引用mui.css就行了
但是这也不是解决办法。
求官方解决

尘岳two

假设div的id是edittest
在style里面加上

edittset,

edittest *{

            -webkit-user-select: text;

}
就可以了

小权

正解

2015-09-08 22:18
z***@163.com

是id的话是不是应该加#呢？#edittest

2017-06-08 17:11
z***@163.com

很感谢你的这个问题，我也遇到了，完善下你的回答吧，假设div的id是edit-test

在style里面加上

edit-test,#edit-test *{

-webkit-user-select: text;

}

不建议用*{

-webkit-user-select: text;

}，因为这个是整个页面，有可能导致别的bug

2017-06-08 17:16

小权

另，-webkit-user-select: text;改成webkit-user-select: auto;会达到最理想效果

赵梦欢 - 专注前端，乐于分享！

user-select：none | text | all | element
取值：
none：文本不能被选择
text：可以选择文本
all：当所有内容作为一个整体时可以被选择。如果双击或者在上下文上点击子元素，那么被选择的部分将是以该子元素向上回溯的最高祖先元素。
element：可以选择文本，但选择范围受元素边界的约束

user-select 设置或检索是否允许用户选中文本，mui中默认为none。
当我们使用div contenteditable可编辑模式下需要设置为all。
可以在当前页面设置：

*{  
    margin: 0;  
    padding: 0;  
    -webkit-user-select: auto;  
}

详情可以参考这个问题：
http://ask.dcloud.net.cn/question/21248

青木物联

ios我用tap事件，加入手动focus,可以激活光标输入

document.querySelector('.edit_wrap').addEventListener('tap',function () {

           this.focus();  
            setTimeout(function() {  
                this.focus();  
            }, 150);  
         })

该问题目前已经被锁定, 无法添加新回复

iphone 上app使用contenteditable 输入法无法换行

5 个回复

edittset,

edittest *{

edit-test,#edit-test *{

公告

相关问题

iphone 上app使用contenteditable 输入法无法换行

与内容相关的链接

5 个回复

edittset,

edittest *{

edit-test,#edit-test *{

公告

相关问题