javascript - 有没有更好的方法在 JavaScript 和/或 jQuery 中对此进行编码？

Question

这里是:

//Disable KeyboardNavigation
document.getElementById("author").onfocus = function() { 
document.onkeyup = null;
};
document.getElementById("email").onfocus = function() { 
document.onkeyup = null;
};
document.getElementById("url").onfocus = function() {
document.onkeyup = null;
};
document.getElementById("comment").onfocus = function() {
document.onkeyup = null;
};

//Enable KeyboardNavigation
document.getElementById("author").onblur = function() {
document.onkeyup = KeyCheck;
};
document.getElementById("email").onblur = function() { 
document.onkeyup = KeyCheck;
};
document.getElementById("url").onblur = function() { 
document.onkeyup = KeyCheck;
};
document.getElementById("comment").onblur = function() { 
document.onkeyup = KeyCheck;
};

我相信用循环编写更好的代码绝对是可能的，但我真的不知道如何让它工作。我尝试了以下方法:

var formfields= ["author", "email", "url", "comment"];
for (i=1; i<=3; i++){
//Don't really know what to put in here.
}

预先感谢您的帮助!

编辑:完整代码如下。你应该知道 I got some help得到这个结果:

document.onkeyup = KeyCheck;       

var pages = [
"http://", 
"http://", 
"http://", 
"http://", 
"http://"];

function leftarrowpressed() {
location.href = pages[ Math.max(0, 0 - 1) ]; 
//The second '0' here changes from 0 to 4, according to the page.
}

function rightarrowpressed() {
location.href = pages[ Math.min(pages.length - 1, 0 + 1) ];
//The second '0' here changes from 0 to 4, according to the page.
}

function KeyCheck(e)
{
   var KeyID = (window.event) ? event.keyCode : e.keyCode;

   switch(KeyID)
   {

// left arrow key
     case 37:
     leftarrowpressed();    
      break;

//  right arrow key
      case 39:
      rightarrowpressed(); 
      break; 
   }
}

希望这能对您有所帮助。顺便说一句，谢谢大家。我真的不知道该选择哪种解决方案。

Answer 1

看起来您正在做的是试图防止输入元素中的击键影响导航。你可以做的是检查 event.target在 KeyCheck并且仅在未由 input 触发时才执行该操作元素。

function KeyCheck(e) {
    var target = e ? e.target : event.srcElement, //standards vs IE
        tagname = target.tagName.toLowerCase();
    if( tagname !== "input" && tagname !== "textarea" && tagname !== "select") {
        //Not from an input, NAVIGATE!
    }
}