重新載入頁面的JavaScript事件

Question

在下面的示例代碼中，我有一個按鈕，當單擊該按鈕時會重新加載頁面，但按Enter卻不會這樣做，如何修改它，使按Enter也會刷新頁面？

<h3>click to refresh page</h3>
<input type="button" value="Refresh" onClick="history.go(0)">

Answer 1

如果要在任何地方捕獲任何 ENTER鍵，則可以在頁面本身上設置鍵處理程序：

function catchCR(e) {
  if (!e) {
    e = window.event; // for IE
  }
  var key = 0;
  if (e.keyCode) { key = e.keyCode; } // IE
  if (e.which) { key = e.which; } // FF

  if (key == 13 /* enter key */) {
    history.go(0);
  }
}
if (document.addEventListener) {
  document.addEventListener("keydown", catchCR, true);
} else if (document.attachEvent) {
  document.attachEvent("onkeydown",catchCR);
}

Answer 2

您需要設置焦點。 在您的onload函數中：

var button = document.getElementById("mybutton"); 
button.focus(); 

您還可以添加一個按鍵事件：

http://help.dottoro.com/ljlwfxum.php

http://www.devguru.com/Technologies/ecmascript/quickref/evhan_onkeypress.html

Answer 3

您可以這樣做：

<h3>click to refresh page</h3>
<form onSubmit="history.go(0); return false;">
<input type="submit" value="Search"></form>

Answer 4

您可以通過在文檔上設置一個事件來完成。

嘗試這個：

//Traditional Way
document.onkeypress = function(event){
    event = event || window.event;
    key=event.keyCode;
    if (key == "13") //Enter
    {
         history.go(0);
    }
};

//OR

function keyHandler(event){
    event = event || window.event;
    key=event.keyCode;
    if (key == "13") //Enter
    {
         history.go(0);
    }

}
//Modern W3c Way
if (document.addEventListener) {
  document.addEventListener("keydown", keyHandler, false);
}
//IE Way 
else if (document.attachEvent) {
  document.attachEvent("onkeydown",keyHandler);
}