#每天都是崭新的一天#再累也要照顾好自己
如何捕获除某个区域以外的事件点击事件?
发布于 作者 superadmin 294 次浏览 来自 分享

当点击机器人以及聊天页面以外的页面时,隐藏聊天页面?这个用jquery怎么写?



1、首先可以给 document 对象绑定 click 事件。

$(document).on('click',function(e){
    $('.chat-room').fadeOut();
    chatRobotFlag = !chatRobotFlag;
});


2、然后由于事件冒泡机制,你单击文档的任意地方(包括绿色区域)都会触发 click 事件。

先在事件里写上隐藏聊天页的代码

$('.chat-room').on('click',function(e){
    e.stopPropagation();
});


3、给机器人的icon绑定事件

$("#chat-robot").on('click', function(e) {
    e.stopPropagation();
    if(!chatRobotFlag){
        $('.chat-room').fadeIn();
        $('.robot-time').text(toNomalTime(new Date().getTime()));
    }else{
        $('.chat-room').fadeOut();
    }
    chatRobotFlag = !chatRobotFlag;
})
发布评论
微信群
saucxs聊天机器人
saucxs
hi ,欢迎来到sau交流学习社区,欢迎与我聊天,问我问题哦!
您正在使用的浏览器是,不在支持范围内!
为了您的正常使用与展示,推荐使用Chrome浏览器68以上版本
支持浏览器:
火狐浏览器最新版
Safari浏览器最新版
Edge浏览器最新版
IE浏览器10,11