javascript - 使用 JavaScript 检查浏览器是否支持 css3 和/或 HTML5 属性

标签 javascript jquery html css

<分区>

我想检查用户浏览器是否支持“contenteditable”或任何 HTML5 属性

这是我的 JavaScript:

var isEditable=false;
function chk() {
    var z=document.getElementById("mydivid");

    if(typeof(z["isContentEditable"])==="boolean") {
        isEditable=true;
    }
}

function doEdit() {
    chk();
    var z=document.getElementById("mydivid");
    if(isEditable) {
        z.setAttribute("contenteditable","true");
        z.focus();
    } else {
        /* add a texbox and put all div's innerHTML into it, All in all:  a Boring Stuff. */
    }
}

这是 HTML:

<a href="#" onclick="doEdit();">Click To Edit </a>
<div id="mydivid"> Hi Ssup ?? <img src='' alt="some image" /></div>

谁能告诉我我的方法是否正确?它可以在 IE(版本 <8.0)中运行吗?而且还需要更好的方法!

最佳答案

简单检查:

if ('isContentEditable' in document.createElement('span')) {
    // supported
}

我还将分享这些精选的片段,它将在未来对您有所帮助:http://diveintohtml5.info/everything.html

关于javascript - 使用 JavaScript 检查浏览器是否支持 css3 和/或 HTML5 属性,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14913202/

相关文章:

javascript - 如何在 knockout 绑定(bind)中运行 afterRender 中的函数?

javascript - 在焦点上显示下拉选项

html - Bootstrap 3 导航栏不响应样式更改

html - 如何获取 backbone.js 模型中的 cookie 值?

javascript - firebase 安全层和操作(javascript)

javascript - 如何在本地存储中存储对象数组?

javascript - Ajax 提交按钮不起作用

javascript - 如何在 mustache 模板化后检查元素是否存在

JQuery .trigger ('submit' )破坏

javascript - 如何在另一个面板打开时关闭 Accordion 面板?