重新加载页面的JavaScript事件

重新加载页面的JavaScript事件,javascript,Javascript,在下面的示例代码中,我有一个按钮,当单击该按钮时会重新加载页面,但按enter键不会这样做,如何修改该按钮,以便按enter键也会刷新页面 <h3>click to refresh page</h3> <input type="button" value="Refresh" onClick="history.go(0)"> 单击以刷新页面 您需要设置焦点。在onload函数中: var button = document.getElementById("my

在下面的示例代码中,我有一个按钮,当单击该按钮时会重新加载页面,但按enter键不会这样做,如何修改该按钮,以便按enter键也会刷新页面

<h3>click to refresh page</h3>
<input type="button" value="Refresh" onClick="history.go(0)">
单击以刷新页面

您需要设置焦点。在onload函数中:

var button = document.getElementById("mybutton"); 
button.focus(); 
您还可以添加按键事件:


您可以这样做:

<h3>click to refresh page</h3>
<form onSubmit="history.go(0); return false;">
<input type="submit" value="Search"></form>
单击以刷新页面

如果要在任意位置捕捉任何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);
}

您可以通过在文档上设置事件来完成

试试这个:

//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);
}

看起来你在造一台鲁布·戈德伯格的机器。。。不要点击Javascript中的按钮!请直接调用您想要的行为。@Shinny和New先生。好的,冷静!我习惯于在其他手术中这样做。但我想这里不需要。