需要关于 phpBB 中的 onclick BBCode Spoiler-Tag 的建议答案

【问题标题】：Need advice for onclick BBCode Spoiler-Tag in phpBB需要关于 phpBB 中的 onclick BBCode Spoiler-Tag 的建议
【发布时间】：2015-10-06 09:04:07
【问题描述】：

我几乎在我的overall_header.html 的底部实现了这个javascript：

<script lang="javascript" type="text/javascript">
        window.onload = function() {
            var IMG = document.getElementsByTagName('img');
            for (var i=0;i<IMG.length;i++) {
                IMG[i].addEventListener('click',fullImage,false);
            }
            var SPOILER = document.getElementsByClassName('spoiler');
            for (var i=0;i<SPOILER.length;i++) {
                SPOILER[i].addEventListener('click',showSpoiler,false);
            }
        };
        function fullImage() {
            if (this.className == '') {
                this.className = 'full-image';
            } else {
                this.className = '';
            }
        }
        function showSpoiler() {
            if (this.className == 'spoiler') {
                this.className = 'spoiler show';
            } else {
                this.className = 'spoiler';
            }
        }
    </script>

然后我在 ACP 中创建了一个自定义 BBCode 标签：

[spoiler]{TEXT}[/spoiler]
<span class="spoiler" onclick="function('showSpoiler');>{TEXT}</span>

还有我的 stylesheet.css 中对应的 CSS 类

.spoiler { color: #000000; background: #000000; cursor: help; }
.spoiler img { visibility: hidden; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; }
.spoiler.show { text-decoration: none; background: transparent; }
.spoiler.show img { visibility: visible; display: inline-block; -webkit-user-select: all; -moz-user-select: all; user-select: all; pointer-events: all; }

现在发生的情况是，标有 BBcode 剧透标签的文本将被涂黑，当我将鼠标悬停在它上面时，光标将变为帮助光标图标，但“onclick”没有任何反应。请你能告诉我如何才能让这些东西最终工作吗？

请问您能帮帮我吗？非常感谢！

【问题讨论】：

标签： javascript css onclick bbcode

【解决方案1】：

似乎您在跨度的 onclick 属性末尾缺少双引号。

编辑：我已经确定了。如您所见，它按预期工作。我的建议是开始使用支持语法高亮的 IDE（例如Netbeans、PHPStorm 或Eclipse）或至少一个编辑器（例如NP++），以免忽略此类错字。

<span class="spoiler" onclick="function('showSpoiler')">spoilertext</span>

https://jsfiddle.net/wj8oqk7o/

【讨论】：

你能在你的答案中发布一个更正代码的工作示例/演示吗？
感谢您的编辑。现在好了。你去 +1 并有资格评论特权。 ;)