HTML点击元素以外任意地方隐藏该元素

原生javascript写法：

var scheduleBox = document.querySelector('#schedule-box')
document.addEventListener("click", function(e){// 判断被点击的元素是不是scheduleInput元素，不是的话，就隐藏之if( e.target !== scheduleBox ){scheduleBox.style.display = "none";}
});

jQuery写法：

document.on('click',function(e){  if( e.target !== aaa ){  aaa.hide();  }
});

HTML点击元素以外任意地方隐藏该元素相关推荐

jquery 点击元素以外任意地方隐藏该元素的方法
第一先实现点击任何地方都隐藏该元素(假设id="bar") $(document).click(function(){ $("#bar").hide();}); ...
js点击元素之外的地方隐藏该元素
有时候我们会有这种情况,点击按钮(或者指定元素)显示一个菜单栏,点击按钮和菜单栏外的区域隐藏菜单栏: 主要运用阻止事件冒泡来实现:下面是全部代码: <!DOCTYPE html> < ...
点击除元素以外的任意地方隐藏元素js
比如想实现点击列表弹出筛选器,点击其他任意地方关闭筛选器,如图该筛选器class名 1 $(document).click(function () { 2 $(".subMenu" ...
bootstrap弹出框如何实现点击出弹出框后，再点击任意地方隐藏弹出框
最近做个项目是用bootstrap搭建的网站,因为其自带弹出框很好使,便直接拿过来用了. 不废话直接进入正题共分两步 1. 首先设弹出框方式为自动 popover(function(){trigge ...
Jq点击其他任意地方隐藏关闭弹窗div
参考链接:https://blog.csdn.net/weixin_43233914/article/details/85133839 效果代码: <!DOCTYPE html> < ...
jquery实现点击页面其他地方隐藏指定元素
代码实例如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> < ...
jquery实现在元素外单击，隐藏此元素
实现的思路是假如在元素A外单击隐藏A 判断被鼠标按下时的元素的所有父元素中是否包含了A,没有包含则可以知道鼠标是在A之外单击的,则隐藏. 代码如下: $(document).mouseup(fun ...
Chrome谷歌浏览器开发者工具调试：如何检查鼠标点击才显示失焦就隐藏的元素dom
需要修改组件库的样式,需要检查元素的类名,但是通过点击事件渲染元素,一失去焦点元素就没了,检查不到解决方案:给要检查的元素的父元素加断点比如我使用的组件会插入到body下面,就给body加个断点, ...
css-05--1. 定位2.. 网页布局总结3.元素的显示与隐藏
目录 1. 定位 1.1 为什么需要定位 1.2 定位组成 1. 定位模式 2. 边偏移 1.3 静态定位 static(了解) 1.4 相对定位 relative(重要) 1.5 绝对定位 abso ...

HTML点击元素以外任意地方隐藏该元素

HTML点击元素以外任意地方隐藏该元素相关推荐

最新文章

热门文章