1

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

研究了一下源码，根本没有表单，“按钮”其实是一个<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>字&lt;/span>
    </div>
</div>

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

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

4

2 回答 2

1

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

于 2011-06-19T16:07:10.250 回答
1

单击事件在运行时绑定在JavaScript 文件中。

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

于 2011-06-19T16:10:30.937 回答