javascript - Javascript - オンクリックでインライン表示 - 他の場所をクリックすると非表示

Question

ボタンをクリックするとテキストが表示され、別の場所をクリックすると再び非表示になります。表示をなしからインラインに、またはその逆に変更する onclick 関数を追加しました。ボタンを再度クリックせずにテキストを再び非表示にするには、何を変更する必要がありますか?

ご協力いただきありがとうございます！

編集：「onBlur」イベントで解決し、再度非表示に設定しました。

Answer 1

現在のクリックハンドラーを削除します。次に、代わりに1つをドキュメントに追加し、e.targetそれがボタンかどうかを確認します。

var toggle = document.getElementById('toggle');

document.addEventListener('click', function(e) {
    toggle.style.display = e.target.id === 'btn' ? 'block' : 'none';
}, false);

古いブラウザの処理は含まれていません

http://jsbin.com/ijawig/1

Answer 2

このコードを `<script></script> タグの間に入れます

document.onclick = onclickFunc;
function onclickFunc(e) {
if (!e) var e = window.event
     var id = e.srcElement.id;
     if(id != 'btnId') {
            /*パネルを非表示にするコードを記述します*/
    }
}