javascript - 如何通过焦点在 HTML 元素上显示标题

Question

是否有任何 Jquery 或任何其他方式来在提供焦点时显示元素的标题，就像在悬停时显示的标题一样？？？

我找到了这个 jquery，但它不起作用.....任何人都可以帮忙吗...提前致谢!!!!!!!!!!

$(function () {
    var xOffset = 20;
    var yOffset = 30;

    $('input').focus(function (e) {
        this.t = this.title;
        this.title = "";
        $("body").append("<span id='tooltip'>" + this.t + "</span>");
        $("#tooltip").css("top", (e.pageY - xOffset) + "px").css("left", (e.pageX + yOffset) + "px").fadeIn("fast");
    });

    $('input').blur(function (e) {
        this.title = this.t;
        $("#tooltip").remove();

        $("#tooltip").css("top", (e.pageY - xOffset) + "px").css("left", (e.pageX + yOffset) + "px");
    });
});

Answer 1

EL:focus:after { content: attr(title); }

应该可以。看，没有 JS!

您只需要定位伪::after 元素。

请注意，这仅在“伪父”允许伪元素时才有效。