javascript - 检测浏览器是否支持 contentEditable？

Question

有 this question ，但发布的解决方案是浏览器嗅探，我试图避免这种情况。

我需要让我的网站与 iPad 兼容，也许还有更新的 Android 设备。我一直在为我的 WYSIWYG 编辑器使用旧版本的 FCKEditor(现在是 CK Editor)，但这在移动设备上不起作用，所以我想将它换成带有 markdown 之类的简单文本区域(如果不支持的话) .

据说它不会工作，因为移动设备往往不支持此 contentEditable 属性，这意味着当您单击它时屏幕键盘不会弹出。

如何检测浏览器是否支持contentEditable？有人建议我只用 mydiv.contentElement === undefined 之类的东西检查有问题的 div 或类似的东西，但是 div(如果它正在使用一个)都内置在 FCK 编辑器中并且埋在 iframe 的某个地方。

是否有另一种方法来检测浏览器是否通常支持 contentEditable？

---

刚试过这个:

var contentEditableSupport = typeof $('<div contenteditable="true">')[0].contentEditable !== 'undefined';

在我的 iPad 上说“真”……我认为不应该。

编辑:它返回“字符串”，因为所有属性都是字符串....它只是读取属性。我还应该怎么做？

Answer 1

您可以创建一个匿名的可编辑 div，检查它的 contentEditable，然后删除该 div。