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(); });