如何从事件监听器访问函数。 JavaScript的

Question

I have an event listener in header:

window.onkeydown = function(e) {
    var key = e.keyCode ? e.keyCode : e.which;
    if(key == 27) {
        var panel = document.getElementById('largeImgPanel');
    hideMe(panel);
    }
    if(key == 39) {
        arrow_right.onclick = onRight; //Wrong
    }
};

Lower i have a function:

window.onload = function() {
           ...
    var onRight = function showNext(img_thumb) {
    index = index + 1;
    document.getElementById('largeImg').src = arr_big[index].src;
    showLargeImagePanel();
    unselectAll();
};
arrow_right.onclick = onRight;

My question is: How i can "execute" onRight variable from event listener?

Answer 1

Allow onRight to be a global variable. Although this is not always desirable, in this instance it will work. Keep in mind, it is best not to pollute the global namespace .

window.onRight = function showNext(img_thumb) {...

and then later you may access it the same way

arrow_right.onclick = window.onRight;