Uncaught TypeError：未定義のプロパティ 'which'を読み取ることができません。キーを使用すると同じ問題が発生する

Question

特定のキーが押されたときに配列の特定の要素にアクセスしようとしています。私はw3に従ってevent.whichまたはevent.keyを使用することができますが、私はxが比較していたものを調整する必要があります。しかし、関係なく、私はまだ同じ捕捉されない例外TypeErrorを得る：未定義またはキャッチされない例外TypeErrorの「」プロパティ読み取ることができません：

var i = 0; // Start point 
var pages_arr = []; // Pages array 

pages_arr[0] = "JS_CSS_HTML_HW_home_page.html"; 
pages_arr[1] = "JS_CSS_HTML_HW_courses_page.html"; 
pages_arr[2] = "JS_CSS_HTML_HW_projects_page.html"; 
pages_arr[3] = "JS_CSS_HTML_HW_hobbies_page.html"; 
pages_arr[4] = "JS_CSS_HTML_HW_friends_page.html"; 

function keyTabChange(event){ 

var x = event.which; 
// Unicode for Up = 38 
// Unicode for Right = 39 
// Unicode for left = 37 
// Uniceode for downn = 40 
//var curr_window = window.location.href; // Get URL of string of webpage location 

//i = pages_arr.indexOf(curr_window); // Get the index of that location in the array of pages 

if (x == 38 || x == 37){ // Previous tab 
    if (i == 0){ 
     i = pages_arr.length - 1; // If index at first element in array go to end of the array 
    } 
    else{ 
     --i; // All other cases go to previous tab 
    }  

} 
else if (x== 39 || x == 40){ // Next tab 
    if (i==pages_arr.length - 1){ 
     i = 0; // If index is at last element go to first element of array 

    } 
    else{ 
     ++i; // All other cases go to next tab 
    } 

} 
//window.location.assign(pages_arr[i]); // Load page of the URL 
//document.write(pages_arr[i]); 

document.getElementById("TestID").innerHTML = pages_arr[i]; 

未定義

のプロパティ「キー」}

document.addEventListener（「からkeyup」を読み取ることができませんが、 keyTabChange（イベント））; 強いテキスト

Answer 1

あなたの代わりに

document.addEventListener("keyup", keyTabChange(event));

を有するので、addEventListener方法を悪用しているので、あなたは

document.addEventListener("keyup", keyTabChange);

例えばを必要とします関数CALLの代わりに関数のNAMEを渡します。

https://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_ondrop_addeventlistener