javascript - 使“标题”脚本集中工作

Question

该代码仅适用于悬停！但我希望它在焦点模式下工作！

 $(document).ready(function() {
    $('body').append('<div id="anchorTitle"></div>');
    $('input[title!=""]').each(function() {
        var a = $(this);
        if(typeof a.attr('title') == 'undefined')
        {
          return;
        }
        a.data('title', a.attr('title'))
        .removeAttr('title')
        .hover(
            function() { showAnchorTitle(a, a.data('title')); },
            function() { hideAnchorTitle(); }
        );
    });

    function showAnchorTitle(element, text) {
    var offset = element.offset();
    $('#anchorTitle')
    .css({
        'top'  : (offset.top + element.outerHeight() + 4) + 'px',
        'left' : offset.left + 'px'
    })
    .html(text)
    .show();
  }
    function hideAnchorTitle(){
    $('#anchorTitle').hide();
  }
});

当输入集中显示标题框！当焦点丢失时，隐藏标题..

Answer 1

改变：

.hover(
    function() { showAnchorTitle(a, a.data('title')); },
    function() { hideAnchorTitle(); }
);

和：

.focusin(function() { showAnchorTitle(a, a.data('title')); })
.focusout(function() { hideAnchorTitle(); });