首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

一个jquery事件冒泡有关问题,兄弟速进,点亮小弟我心中的谜团吧~

2012-10-30 
一个jquery事件冒泡问题,兄弟速进,点亮我心中的谜团吧~~!!!JScript code$(function () {/**清空文本*/$(#

一个jquery事件冒泡问题,兄弟速进,点亮我心中的谜团吧~~!!!

JScript code
$(function () {    /**清空文本*/    $('#quick_live').live('focus', function (event) {        $(this).addClass("focus").parent().next().css('display', 'block');        if ($(this).val() == this.defaultValue) {            $(this).val("");        }        event.stopPropagation();    })});

我用live绑定了一个文本域的聚焦清空默认文本事件,现在我有个问题是:文本域的下一个DOM节点有个<label><input type="button" value="回复" /></label>,现在我想做的是点击页面空白处:移出当前event.target的文本域的class;并且按钮隐藏。可惜我写了一个body的click事件,当我点击按钮回复时:直接触发了body的click事件,按钮本身事件都没触发就隐藏掉了。具体的效果就是人人网上针对新鲜事的回复一样,回复框获得焦点,显示按钮,表情等等。当用户不想回复时,随意点击空白处就可以把之前的回复框缩小,按钮隐藏,求高手,求解。。。困扰我好久了

[解决办法]
你为什么要给body绑定事件,直接给那个框一个bulr事件不可以吗?
[解决办法]
楼主,您既然是要实现人人网的效果,那您先查看下人人网的源代码吧
[解决办法]
$(function () {
$('body').click(function (event) {
var clickEvent = $(e.target);
if(clickEvent.id == "回复按钮的id" ){
//回复框缩小,按钮隐藏
}else{
//回复框展开,(我也不知道你说的这个是啥按钮,感觉你的描述不太清晰,公司禁网,所以我也看不了人人网那个效果是啥样的..)按钮显示
}
})
});

热点排行
Bad Request.