javascript - キーボード/マウス入力がない場合のフェードアウト コントロール

Question

Stack Overflow で見つけたこのスクリプトに基づいて、HTML ページのエディター パネルをフェードアウトするように調整してみました。フェードアウトは問題なく機能しますが、フェードアウトがトリガーされるのを制限したいと思います。

私が達成したいのは、マウスがエディター パネル (および子コントロール) の上にあるとき、または入力子の 1 つにキーボード アクティビティがあるときはいつでも、フェードアウトを防ぐことです。

var i = null;

// this part is working
$("#my-canvas").mousemove(function() {
    clearTimeout(i);
    $("#panel,#btn-panel-toggle,#fps").fadeIn(200);
    var i = setTimeout('$("#panel,#btn-panel-toggle,#fps").fadeOut(800);', 3000);
})

// this part is not working
$("#panel").mouseover(function() {
    clearTimeout(i);
})

実際の例については、このjsFiddleを確認してください。