【油猴脚本】部分功能修复 论坛列表显示图片0.5 ★

动机
今天刷到了Makima老师的这个【脚本】论坛列表显示图片0.5帖子，大致扫了一眼代码看到里面有“zoomed”字样，就大概猜了猜，可能会有将图片预览放大的功能。
但是实际测试的时候，发现好像并不能在点击预览图片时放大。但这个zoomed连CSS都写了，看上去也不像是下一版本才要更新的未完善的功能，就尝试探究了一下原因。

原因猜测：事件冒泡冲突
原脚本有两个点击事件监听器：
图片点击监听器 → 添加 zoomed 类
文档点击监听器 → 移除 zoomed 类

当点击图片时，事件执行顺序是：
图片点击 → 添加 zoomed 类（图片放大）
事件冒泡到文档 → 文档点击监听器立即移除 zoomed 类（图片缩小）

结果：zoomed 类被添加后瞬间就被移除了，所以看起来“点击没反应”。

代码
原脚本155-158行 改为：

1. image.addEventListener('click', (e) => {
   
2.     e.stopPropagation(); // 阻止事件冒泡到文档
   
3.     image.classList.toggle('zoomed'); // 切换放大状态
   
4. });

复制代码

原脚本184-188行 改为：

1. document.addEventListener('click', function(e) {
   
2.     if (!e.target.classList.contains('preview-image')) {
   
3.         document.querySelectorAll('.preview-image.zoomed').forEach(el => {
   
4.             el.classList.remove('zoomed');
   
5.         });
   
6.     }
   
7. });

复制代码

来自群组: 星象占卜

挺实用的脚本，可以解决论坛那个显示图片问题。

虽然看不懂代码，氮素大佬抓虫看起来感觉很厉害的样子

代码大手子 不得不说这个脚本确实很实用呢

okk论坛的图片问题能更好解决了，大佬真强啊

感觉要是能添加一个自己设定图片大小的功能会不错

请问这个脚本需要将原先的旧版本删除么？

脚本有问题本人一般都是看不出来的

(´×ω×`)修复补丁版本都出来了，更新好快哇

修复补丁能够很好的完善图片显示的效果呢，不愧是code区的大佬b(￣▽￣)d

星佬的JB补丁还是蛮好用的捏~感谢喵

很实用的修复补丁呢，大佬用心了，能够更舒服地逛论坛惹

好厉害的脚本啊，技术力拉满了~

很实用的脚本呢 最近确实是发现了图片的显示问题 还以为是电脑问题呢

实测了一下的确优化后要更好一些，不愧是你.jpg

虽然还没发现问题不过先马上

技术流大佬，优化了原来的脚本，变得更好用了呢，能够更准确的显示图片，谢谢分享(^_^)ノ

代码能力很强诶ww，这个功能确实很实用的说

大佬好强啊 这么快就有优化版本了

没想到坛友的脚本还有坛友帮忙修bug泥潭大佬真是太多了