如何通过JavaScript检测对contentEditable的支持？

Question

我一直在搜索这几天,到目前为止,我能想到的最好的是查看下面的列表.我真的不喜欢检查基于User-Agent的支持,特别是因为它可能是欺骗性的.我还听说过至少一个下面列表不正确的情况(如下所示).

• 是Internet Explorer吗？
• 是WebKit吗？(但我读过移动版Safari不支持它)
• 是歌剧吗？
• Gecko和版本> = 1.9？(意思是Firefox 3或更高版本)

是否有更好的方法基于直接通过JavaScript测试支持,或者这是测试支持的唯一方法？

Answer 1

var canEditContent= 'contentEditable' in document.body;

Answer 2

检查某个功能的最佳方法是在您知道应该支持它的元素上实际测试该功能,如下所示:

if(element.contentEditable != null)
    // then it's supported

要么

if(typeof(element.contentEditable) != 'undefined')
   // same thing.. but with typeof you can be more specific about the type of property you need to find