Question

一个类似Twitter的中文网站。当我键入消息并单击提交“按钮”时，将创建一个新条目。但我无法弄清楚提交“按钮”的事件监听器。

我研究了源代码，根本没有形式，“按钮”实际上是<a href="javascript:;" class="sendinfo-btn submit-trigger" title="按Ctrl+Enter键发微博">发布</a>元素。

所以我认为该网站使用ajax来进行实际提交。我使用谷歌浏览器检查提交“按钮”，但根本没有事件监听器！那么提交怎么办呢？

以下是一些相关的HTML代码：

<div class="publishBox-ft clearfix">
    <div class="fl">
        <div class="uploadPic">
            <em class="icon-uploadPic"></em>
            <a class="link-lb js-link">图片</a>
        </div>
        <div class="insertFace">
            <em class="icon-face"></em>
            <a class="link-lb js-link">表情</a>
        </div>
        <div class="topic-trigger">
            <em class="icon-topic"></em>
            <a class="link-lb js-link">话题</a>
        </div>
        <div class="insertVideo video-trigger">
            <em class="icon-video"></em>
            <a class="link-lb js-link">视频</a>
        </div>
        <div class="insertPoi">
            <em class="icon-lbsB"></em>
            <span class="sendinfo-lbsbox link-lb">
                <span class="sendinfo-showPoi">
                    <a class="sendinfo-currentPoi sendinfo-changePoi js-link poi-trigger" data-poi-id="null" data-poiname="发布地点">地点</a>
                    <a title="删除位置信息" class="js-link sendinfo-closePoi default-close-icon"></a>
                </span>
            </span>
        </div>
    </div>
    <div class="fr">
        <a href="javascript:;" class="sendinfo-btn submit-trigger" title="按Ctrl+Enter键发微博">发布</a>
        <span class="js-wordCounter word-counter sendinfoTip">还可以输<span class="char-constantia">152</span>字</span>
    </div>
</div>

如果有人想去真正的网站学习，这里是网址和用户名和密码： http://t.163.com/4729009840
用户名：fatieji_test@163.com
密码：1a2b3c4d

请注意：该网站是中文的。

Answer 1

这是使用在运行时添加click处理程序的Javascript代码完成的。

Answer 2

click事件在运行时绑定在JavaScript file。

要搜索的相关部分是t.sendBtnElem=$(t.wrapperElem.$(".sendinfo-btn")[0])和t.sendBtnElem.addEvent("click", ...

javascript：提交表单的事件监听器在哪里？

2 个答案: