JavaScriptを使用してエスケープキーのOnclickボタンを実装する

Question

以下のJavascriptは、ESCキーをクリックするとdivを閉じるために使用されます。

<script> 
    $(document).keyup(function(event) { 
     if(event.which === 27) { 
      alert('closed now'); 
      $('#content').hide(); 
     } 
    }); 
</script> 

<div id="content">My content to be closed is here</div> 

は今、私が欲しいもの

<button id="close_content">Close</button> 

おかげ

Answer 1

このコードをスクリプトに追加すると、[閉じる]ボタンをクリックすると、[閉じるコンテンツはここにあります]が表示されなくなります。 $(document).ready(function() { $("#close_content").click(function() { $("#content").hide(); }); });

Answer 2

を呼び出して、指定された関数内のコードを入れてjavascript関数その後、Escキーキーを呼び出しますボタンクリックからコンテンツを閉じることですそれは両方のイベントハンドラからのものです。