使用JavaScript显示和隐藏浏览器聊天框
Show and hide a browser chat box with JavaScript
我正在用Javascript制作一个浏览器聊天窗口。我想在你点击聊天栏时执行显示和隐藏聊天的功能,但在你点击.chat_txt
或.chat_new_input
时不执行该功能
有可能做到这一点吗?
//JavaScript Show/Hide Function
$('.hidden_box').live("click", function(){ showChat(this); });
$('.active_box').live("click", function(){ hideChat(this); });
$('.chat_txt').click(function(event) {
event.preventDefault();
});
以下是DIV:的语法
<div id="chat_system_msg_lp" class="chat_box clickable_box hidden_box">
<div id="chat_system_msg_nick" class="chat_name">system_msg</div>
<ul id="chat_system_msg_txt" class="chat_txt">
<li id="46">Hi visitor. We suggest you to sign in/sign up in order
to have all the benefits from Live-Pin </li>
</ul>
<form class="chat_new_message" name="new_msg">
<input type="text" placeholder="Enter your message..."
class="chat_new_input">
</form>
</div>
使用
$('body').on('click', '.hidden_box:not(.chat_box)', function() { showChat(this); });
如果你在jQuery 1.7+上。旧的jQuery:
$('body').delegate('.hidden_box:not(.chat_box)', 'click', function() { showChat(this); });
当然,另一个也是如此。
编辑—我本应该进一步解释的。.live()
API不是一个好主意,因为在1.4左右,.delegate()
函数绝对是首选。您仍然可以使用相同的选择器使用"live"来执行此操作,但除非您使用的是真正旧版本的jQuery,否则不要这样做。
相关文章:
- 访问布局信息是否也会导致浏览器重排
- 内部分区字体大小获胜'调整浏览器窗口大小时不会随媒体查询而更改
- 如何使用phaser使html5游戏在移动设备浏览器上运行
- 有时数据是't显示在浏览器中
- Ajax聊天消息重复而不仅仅是更新
- 使图像在单击时展开到不大于浏览器
- fetch() 函数未在 Ubuntu Chromium 浏览器上定义
- 不同浏览器中的空白字符正则表达式行为
- 在Windows 10中自动执行例行程序(主要与浏览器交互)
- Windows形成web浏览器控件和Javascript更改的DOM
- 在不打开聊天屏幕的情况下制作Zopim-ding代理
- 如何临时暂停浏览器渲染,然后恢复整个页面
- 使用angularjs向浏览器发送servlet响应(下载功能)
- 是什么让一个“;Uncaught RangeError:超过了最大调用堆栈大小“;错误(Chrome,在其他浏览器中显示
- 如何在浏览器页面切换到我的网站选项卡时创建事件,如gmail中的聊天框状态更改
- 使用浏览器控制台使用Javascript在Facebook中发送聊天消息
- 使用JavaScript显示和隐藏浏览器聊天框
- php聊天导致浏览器在wamp 32位上测试时冻结
- WebApp使用webRTC在iOS浏览器和Android Chrome中进行跨平台视频聊天
- 如何在浏览器中开发对等聊天应用程序