判断手机浏览器是否支持contentEditable属性

泡泡

在公司项目中遇到这样的问题,手机邮箱回复原邮件时需要不丢失原邮件样式。因此编辑器只能用div+contentEditable,但contentEditable属性低版本的安卓又不支持。如何做到优雅降级呢?对于支持contentEditable的浏览器上使用div,不支持的就用textarea。这个问题就变成了如何才能有效地判断浏览器是否支持contentEditable。

通过查看兼容性列表,发现contenEditable这货和FormData在主流手机浏览器的兼容性一样一样的,那事情就好办多了,直接判断是否支持FormData就好。封装一下就是:

function isSupportContentEditable(){
    return !!window["FormData"];
}

附上contentEditable和FormData有兼容性列表:

contentEditable

FormData

阅读 5.6k

泡泡
php是最好的编程语言,vim是最好的编辑器
1.6k 声望
63 粉丝
0 条评论
1.6k 声望
63 粉丝
文章目录
宣传栏