JavaScript 点击图片跳转实现方法 - 使用监听器和空白页面

要实现点击图片跳转的功能，可以在监听器的回调函数中添加相应的逻辑。

首先，可以在回调函数中为每个图片添加点击事件监听器。在点击事件的处理函数中，可以打开一个新的空白页面，并在该页面中展示被点击的图片。

以下是一个可能的实现：

listeners: {
    afterrender: function (imagePanels) {
        Ext.each(images, function (item) {
            imagePanels.addImage(item);

            imagePanels.getEl().dom.addEventListener('click', function (data) {
                // 在这里执行跳转到空白页展示图片的逻辑
                // 打开新的空白页面
                var newWindow = window.open('', '_blank');
                newWindow.document.write('<img style='height: 100%' src='' + item + ''/>');
            });
        });
    }
}

在这个实现中，假设imagePanels是一个包含图片的容器组件，images是一个包含图片URL的数组。首先，通过Ext.each遍历images数组，并为每个图片添加到imagePanels容器中。

然后，通过imagePanels.getEl().dom.addEventListener为每个图片元素添加点击事件监听器。在点击事件的处理函数中，打开一个新的空白页面newWindow，并在该页面中使用newWindow.document.write方法插入一个<img>元素来展示被点击的图片。

需要注意的是，上述实现中的item是一个URL字符串，需要根据实际情况进行适当的修改。