jq实现点击空白处,指定元素消失,且指定元素内部事件不受影响
2017-09-29 15:04
295 查看
第一步首先 先给body事件
元素本身阻止事件冒泡
要实现这样的表情包切功能,发现冒泡事件将bootstrap的tab事件抑制了
![](https://oscdn.geek-share.com/Uploads/Images/Content/202006/07/15a998fd825fb8965fef52742e1af43c)
这里再重新写一下事件,就可以实现tab切换了
$("body").click(function(){ $(".emoji-container").hide(); });
元素本身阻止事件冒泡
$(".emoji-container").click(function(e){ e.stopPropagation();//阻止冒泡到body });
要实现这样的表情包切功能,发现冒泡事件将bootstrap的tab事件抑制了
这里再重新写一下事件,就可以实现tab切换了
$('#emojiTab a').click(function (e) { e.preventDefault(); $(this).tab('show') });
相关文章推荐
- jq实现点击某元素之外触发事件
- android实现点击空白处,软键盘消失事件
- jq实现点击某元素之外触发事件
- 父元素与子元素的点击事件影响问题
- 使用jQuery实现,点击显示弹框,背景虚化,点击空白处,弹框消失
- 〖Linux〗以后台方式启动/结束指定程序/命令(不受 exit 或点击窗口关闭按钮等终端退出操作的影响)
- jquery实现点击某元素之外触发事件
- 【笔记】js原生方法 在元素外部或内部实现添加元素功能(类似jq 的 insert 和 append)
- jquery实现点击某元素之外触发事件
- 练习用内部类方式设置点击事件来实现直接拨打电话功能
- Jquery实现点击子元素标签只触发子元素点击事件,不触发父元素点击事件
- 实现gridview空白处的点击事件
- 实现RecyclerView的item点击事件的内部监听器
- 动态事创建的a标签上利用jq滑过元素执行事件通过ajax获取后台数据根据鼠标位置展示数据内容,鼠标离开消失
- Discuz!修改CC攻击防御机制attackevasive,实现忽略指定ip段和搜索引擎不受影响
- jquery实现点击空白处隐藏元素
- 【工作笔记】点击div中的内部元素,防止事件冒泡
- Android ListView:实现item内部控件的点击事件
- jq动态增加元素时,点击事件不响应解决方法(其他类似)
- jQuery自定义元素右键点击事件(实现案例)