2011-06-17 20 views
5

ブラウザでは、キーボードのエスケープキーをJavaScriptに戻すにはどうしたらいいですか?Javascript:エスケープキー=ブラウザの戻るボタン

たとえば、this pageにアクセスして[フルスクリーン]リンクをクリックすると、エスケープキーを押して前のページに戻ります。

この魔法を起こすためのJavascriptは何ですか?

+0

'k.keymap = e.extend({}、a._keyboard.map); a.attachKeyboardは({エスケープ:右a.exitFullscreenを、:。次に、左:a.prev}); 'は「魔法」/ –

答えて

11

あなたをEscapeキー(キーコード27)が押された場合、これはhistory.back()を呼び出します

window.addEventListener("keyup", function(e){ if(e.keyCode == 27) history.back(); }, false); 

:キーリスナーを追加することができます。

3

ただ、キーコード27をリッスンし、呼び出しhistory.go(-1);あなたがそうのように、「ESC」キー入力をリッスンし、それが押されたときに、バックアクションをオフに解雇する必要が

3

document.onkeydown = function(e){ 
    if (window.event.keyCode == 27) { 
     history.go(-1); 
    } 
}; 
8
$(document).bind("keyup", null, function(event) { 
     if (event.keyCode == 27) { //handle escape key 
      //method to go back   } 
    }); 
6

あなたはwindowonkeyupイベントハンドラをバインドし、キーコードが27(エスケープのキーコード)であるかどうかを確認し、window.history.back()機能を使用することができます。 window.history

window.onkeyup = function(e) { 
    if (e.keyCode == 27) window.history.back(); 
} 

MDCドキュメント、https://developer.mozilla.org/en/DOM/window.history

関連する問題