【油猴脚本】部分功能修复 论坛列表显示图片0.5 ★
动机今天刷到了Makima老师的这个【脚本】论坛列表显示图片0.5帖子，大致扫了一眼代码看到里面有“zoomed”字样，就大概猜了猜，可能会有将图片预览放大的功能。
但是实际测试的时候，发现好像并不能在点击预览图片时放大。但这个zoomed连CSS都写了，看上去也不像是下一版本才要更新的未完善的功能，就尝试探究了一下原因。
原因猜测：事件冒泡冲突
原脚本有两个点击事件监听器：
图片点击监听器 → 添加 zoomed 类
文档点击监听器 → 移除 zoomed 类
当点击图片时，事件执行顺序是：
图片点击 → 添加 zoomed 类（图片放大）
事件冒泡到文档 → 文档点击监听器立即移除 zoomed 类（图片缩小）
结果：zoomed 类被添加后瞬间就被移除了，所以看起来“点击没反应”。
代码
原脚本155-158行 改为：
image.addEventListener('click', (e) => {
e.stopPropagation(); // 阻止事件冒泡到文档
image.classList.toggle('zoomed'); // 切换放大状态
});
原脚本184-188行 改为：
document.addEventListener('click', function(e) {
if (!e.target.classList.contains('preview-image')) {
document.querySelectorAll('.preview-image.zoomed').forEach(el => {
el.classList.remove('zoomed');
});
}
});
星象占卜 挺实用的脚本，可以解决论坛那个显示图片问题。 虽然看不懂代码，氮素大佬抓虫看起来感觉很厉害的样子 代码大手子:$ 不得不说这个脚本确实很实用呢 okk论坛的图片问题能更好解决了，大佬真强啊 感觉要是能添加一个自己设定图片大小的功能会不错 请问这个脚本需要将原先的旧版本删除么？ 脚本有问题本人一般都是看不出来的 (´×ω×`)修复补丁版本都出来了，更新好快哇 修复补丁能够很好的完善图片显示的效果呢，不愧是code区的大佬b(￣▽￣)d 星佬的JB补丁还是蛮好用的捏~感谢喵 很实用的修复补丁呢，大佬用心了，能够更舒服地逛论坛惹:loveliness: 好厉害的脚本啊，技术力拉满了~ 很实用的脚本呢 最近确实是发现了图片的显示问题 还以为是电脑问题呢 实测了一下的确优化后要更好一些，不愧是你.jpg{:6_194:} 虽然还没发现问题不过先马上:loveliness: 技术流大佬，优化了原来的脚本，变得更好用了呢，能够更准确的显示图片，谢谢分享(^_^)ノ 代码能力很强诶ww，这个功能确实很实用的说 大佬好强啊 这么快就有优化版本了 没想到坛友的脚本还有坛友帮忙修bug泥潭大佬真是太多了
页:
[1]
2