javascript - Greasemonkey 脚本在使用 AJAX 提交时将文本附加到表单？

Question

所以我正在为 mybb 论坛制作一个 Greasemonkey 脚本。它的作用是，当您提交帖子时，它会在帖子的开头和结尾添加代码。好吧，即使这是一个糟糕的解释，只要看看代码，它就会 self 解释

function form_submit(event) {  
var form = event ? event.target : this;
   var arTextareas = form.getElementsByTagName('textarea');
   for (var i = arTextareas.length - 1; i >= 0; i--) {
       var elmTextarea = arTextareas[i];
       elmTextarea.value = "[font=Tahoma][color=white]" + elmTextarea.value + "[/color][/font]";
   }

   form._submit();
}

window.addEventListener('submit',form_submit, true);
HTMLFormElement.prototype._submit = HTMLFormElement.prototype.submit;
HTMLFormElement.prototype.submit = form_submit;

现在，除了quickreply post reply 按钮外，它可以在任何我想要的地方使用。我假设这是因为 quickreply 按钮使用 AJAX 提交表单并且页面没有重新加载。

所以我想知道我怎样才能拥有它，以便在我单击快速回复 按钮时它附加我想要的文本。我已经四处搜索了一段时间，但我能找到的任何东西都不起作用

此外，这里是使用ajax的按钮的代码(上面代码不工作的按钮)

<input id="quick_reply_submit" class="button" type="submit" accesskey="s" tabindex="2" value="Post Reply">

这是它所在的地方

<!-- start: showthread_quickreply -->

<br />
<form method="post" action="newreply.php?tid=2023403&processed=1" name="quick_reply_form" id="quick_reply_form">
    <input type="hidden" name="my_post_key" value="de77ee8401edd4fe176f2c6a3787d411" />
    <input type="hidden" name="subject" value="*" />
    <input type="hidden" name="action" value="do_newreply" />
    <input type="hidden" name="posthash" value="a67ff7b68df0a0951770f7f4a24cce8f" id="posthash" />
    <input type="hidden" name="quoted_ids" value="" id="quoted_ids" />
    <input type="hidden" name="lastpid" id="lastpid" value="18370730" />
    <input type="hidden" name="from_page" value="1" />
    <input type="hidden" name="tid" value="2023403" />

    <input type="hidden" name="method" value="quickreply" />

    <table border="0" cellspacing="1" cellpadding="4" class="tborder">
        <thead>
            <tr>
                <td class="thead" colspan="2">
                    <div class="expcolimage"><img src="http://cdn.myforums.net/images/blackreign/collapse.gif" id="quickreply_img" class="expander" alt="[-]" title="[-]" /></div>
                    <div><strong>Quick Reply</strong></div>
                </td>

            </tr>
        </thead>
        <tbody style="" id="quickreply_e">
            <tr>
                <td class="trow1" valign="top" width="22%">
                    <strong>Message</strong><br />
                    <span class="smalltext">Type your reply to this message here.<br /><br />
                    <label><input type="checkbox" class="checkbox" name="postoptions[signature]" value="1" checked="checked" />&nbsp;<strong>Signature</strong></label><br />

                    <label><input type="checkbox" class="checkbox" name="postoptions[disablesmilies]" value="1" />&nbsp;<strong>Disable Smilies</strong></label></span>
                </td>
                <td class="trow1">
                    <div style="width: 95%">
                        <textarea style="width: 100%; padding: 4px; margin: 0;" rows="8" cols="80" name="message" id="message" tabindex="1"></textarea>
                    </div>
                    <div class="editor_control_bar" style="width: 95%; padding: 4px; margin-top: 3px; display: none;" id="quickreply_multiquote">
                        <span class="smalltext">

                            You have selected one or more posts to quote. <a href="./newreply.php?tid=2023403&load_all_quotes=1" onclick="return Thread.loadMultiQuoted();">Quote these posts now</a> or <a href="javascript:Thread.clearMultiQuoted();">deselect them</a>.
                        </span>
                    </div>
                </td>
            </tr>

            <tr>
                <td colspan="2" align="center" class="tfoot"><input type="submit" class="button" value="Post Reply" tabindex="2" accesskey="s" id="quick_reply_submit" /> <input type="submit" class="button" name="previewpost" value="Preview Post" tabindex="3" /></td>

            </tr>
        </tbody>
    </table>
</form>
<!-- end: showthread_quickreply -->

Answer 1

您需要向我们展示将自身关联到该按钮的 javascript。如果它是 AJAX 驱动的，那么这是了解它在做什么的唯一方法。

也就是说，这段代码可能可以工作:

function form_submit (event) {

    var form, bClickNotSubmit;

    if (event  &&  event.type == 'click') {
        bClickNotSubmit = true;
        form            = document.getElementById ('quick_reply_form');
    }
    else {
        bClickNotSubmit = false;
        form            = event ? event.target : this;
    }

    var arTextareas = form.getElementsByTagName ('textarea');

    for (var i = arTextareas.length - 1; i >= 0; i--) {
        var elmTextarea     = arTextareas[i];
        elmTextarea.value   = "[font=Tahoma][color=white]" + elmTextarea.value + "[/color][/font]";
    }

    if ( ! bClickNotSubmit ) {
        form._submit();
    }
}

window.addEventListener ('submit', form_submit, true);
document.getElementById ('quick_reply_submit').addEventListener ('click', form_submit, true);

HTMLFormElement.prototype._submit = HTMLFormElement.prototype.submit;
HTMLFormElement.prototype.submit = form_submit;

如果它不起作用，请将目标页面(完整的 HTML、JS、CSS)保存到磁盘，将文件压缩在一起并共享 zip——这样我们就可以看到该按钮发生了什么。