Question

我正在处理一个项目，网页上有一些图片，当我点击它们时会打开一个带有全尺寸图片的叠加层。我想在此叠加层添加一个事件监听器，因此当我们按箭头（向左或向右）时，它会显示下一张或上一张图片。不幸的是，尽管我设法添加了一个并且效果很好，但它不起作用：

document.getElementById('overlay').addEventListener('click', function(e) {

    e.currentTarget.style.display = 'none';
}, false);

Answer 1

您无法在覆盖元素上侦听关键事件，您必须在文档本身上执行此操作。

document.addEventListener('keydown', function(e) {    
    if (e.keyCode === 39) {
        alert('right')
    }

    if (e.keyCode === 37) {
        alert('left')
    }
});

您可以在此处查看：https://jsfiddle.net/agk5xs2u/

在叠加层上添加EventListener

1 个答案: