特定の要素がクリックされたかどうかを確認する方法はありますか？

Question

多分私の質問は少し一般的に聞こえるかもしれません。

私はぼかしで隠されている別のdivに置き換えられるテキストエリアを持っています。具体的には、上のテキストエリアにはマークダウンコードが含まれており、divにはこのコードの解析バージョンが含まれています。

ここでは、テキストエリアの上に書式設定ツールバーを追加しようとしていますが、もちろんクリックすると、ブラーイベントが発生し、テキストエリアが非表示になります。

私の質問は、ツールバーがクリックされたときにのみぼかしのデフォルトの動作を防止することが可能かどうか、もしそうなら、どうするのが最善の方法です。お時間を

どうもありがとう:)

Answer 1

編集：私の以前のソリューションはのは、何か他のものを試してみましょうので、それをカットしていませんでした。私は実際にdocumentclickイベントをバインドするのが嫌いですが、あなたがWYSIWYGエディタのようなものをコーディングしているように思われるので、この場合は最適なソリューションかもしれません。代わりに.oneを使用するように調整することができます。

$(document).click(function(e){ 
    if ($(e.target).closest("#container").length == 0) { 
     // Target that was clicked is not inside the container, so we can hide or replace the textarea 
     $("textarea").hide(); 
    } 
}); 

jsFiddleで試すことができます。