javascript - 功能检测 Firefox 怪癖，标题属性未显示在禁用元素上

Question

我将如何使用功能检测来确定是否需要在禁用的输入元素上模拟标题属性。

我知道 Firefox 声明并解释了该规范，以便它按预期工作，但我仍然希望显示工具提示。

我唯一能想到的就是直接使用浏览器检测。

可以在此处查看问题的示例 http://jsfiddle.net/Raynos/xQyBR/

var con = $("#Con");

var b1 = $("<input>").attr({
    "id": "b1",
    "title": "Some Other Text",
    "type": "button",
    "value": "b1"  
}).appendTo(con);

con.append($("<br>"));

var b2 = $("<input>").attr({
    "id": "b2",
    "title": "Some text",
    "type": "button",
    "value": "b2",
    "disabled": true
}).appendTo(con);


var detected = $("input:disabled[title]");
console.log(detected);

使用 jQuery 是可以接受的。

Answer 1

嗯，对此没有任何特征检测(据我所知)。但您可能希望使用透明的 div 覆盖来解决此问题。

示例:http://jsfiddle.net/xQyBR/19/

带有插件的示例:http://jsfiddle.net/xQyBR/24/

这样，无论如何它都会跨浏览器兼容。