如何使用JavaScript检查浏览器是否支持焦点可见?

如何使用JavaScript检查浏览器是否支持焦点可见?,javascript,browser,Javascript,Browser,这个问题相当简单。我想检查浏览器是否支持焦点可见(:focus visible)或不使用JavaScript。我该怎么做? console.log(选择器支持(“:焦点可见”)) 支持功能选择器(选择器){ var支持,链接,工作表,单据=单据, root=doc.documentElement, head=root.getElementsByTagName('head')[0], impl=doc.implementation |{ hasFeature:function(){ 返回false

这个问题相当简单。我想检查浏览器是否支持焦点可见(
:focus visible
)或不使用JavaScript。我该怎么做?

console.log(选择器支持(“:焦点可见”))
支持功能选择器(选择器){
var支持,链接,工作表,单据=单据,
root=doc.documentElement,
head=root.getElementsByTagName('head')[0],
impl=doc.implementation |{
hasFeature:function(){
返回false;
}
},
link=doc.createElement(“样式”);
link.type='text/css';
(head | | root).insertBefore(link,(head | root).firstChild);
sheet=link.sheet | | link.styleSheet;
如果(!(工作表和选择器))返回false;
support=impl.hasFeature('CSS2','')?
功能(选择器){
试一试{
insertRule(选择器+'{}',0);
sheet.deleteRule(sheet.cssRules.length-1);
}捕获(e){
返回false;
}
返回true;
}:功能(选择器){
sheet.cssText=选择器+'{}';
返回sheet.cssText.length!==0&&!(/unknown/i).test(sheet.cssText)&&sheet.cssText.indexOf(选择器)==0;
};
返回支架(选择器);
};