点击空白处隐藏指定dom元素(纯javascript方法)
<script type="text/javascript">
document.onclick = function (event) {
event = event ? event : window.event;
var obj = event.srcElement ? event.srcElement : event.target;
//这里的obj.tagName表示所点击的dom元素
if(obj.tagName == "DIV" || obj.tagName == "MAIN" ){
if(document.getElementById("myDiv").style.display!="none"){
document.getElementById("show-menu").click();
document.getElementById("myDiv").style.display="none";
}
}else{
document.getElementById("myDiv").style.display="inline";
}
};
</script>
转载于:https://www.cnblogs.com/huguole/p/4762680.html
点击空白处隐藏指定dom元素(纯javascript方法)相关推荐
- Vue js 实现点击页面空白处隐藏指定div
Vue js 实现点击页面空白处隐藏指定div <template><!--向页面添加关闭div的事件监听--><div class="page" @ ...
- 项目--点击按钮显示资料,点击空白处隐藏资料
点击空白处隐藏资料 点击按钮显示资料在这里插入代码片 <!DOCTYPE html> <html lang="en"><head><met ...
- android 获取键盘回车键事件,设置软键盘回车键显示内容,点击空白处隐藏软键盘
首先设置EditText的回车属性 drawable文件 @drawable/editcolor <?xml version="1.0" encoding="utf ...
- IOS 点击空白处隐藏键盘的几种方法
IOS7 点击空白处隐藏键盘的几种方法 IOS开发中经常要用到输入框,默认情况下点击输入框就会弹出键盘,但是必须要实现输入框return的委托方法才能取消键盘的显示,对于用户体验来说很不友好,我们可以 ...
- 【Flutter 实战】全局点击空白处隐藏键盘
老孟导读:为什么要实现点击空白处隐藏键盘?因为这是 iOS 平台的默认行为,Android 平台由于其弹出的键盘右上角默认带有关闭键盘的按钮,所以点击空白处不会隐藏键盘. 对于单个页面来说,通过为 T ...
- android 软键盘监听、隐藏、显示、点击空白处隐藏和Android KEYCODE 键值大全
android 软键盘监听.隐藏.显示.点击空白处隐藏. textView.setOnKeyListener(new View.OnKeyListener() {@Overridepublic boo ...
- JS-DOM ~ 03. 子节点的操作、style.样式和属性、dom元素的创建方法及操作、14个例题、主要是利用js直接控制html属性...
带有Element和不带的区别 a) 带Element的获取的是元素节点 b) 不带可能获取文本节点和属性节点 获取所以子节点 a) . childNodes b) . children ...
- android 点击空白退出,Android 点击空白处隐藏键盘
方法一:使用android的分发机制(代码稍微有点多) /** * 实现点击空白处,软键盘消失事件 * @param ev * @return */ @Override public boolean ...
- html检查元素是否溢出方法,JS判断指定dom元素是否在屏幕内的方法实例
前言 刷网页的时候,有时会遇到这样一个情景,当某个dom元素滚到可见区域时,它就会展现显示动画,十分有趣.那么这是如何实现的呢? 实现原理 想要实现这个功能,就要知道具体的实现原理.下面直入主题. 我 ...
- JS操作DOM元素属性和方法
Dom元素基本操作方法API,先记录下,方便以后使用. W3C DOM和JavaScript很容易混淆不清.DOM是面向HTML和XML文档的API,为文档提供了结构化表示,并定义了如何通过脚本来访问 ...
最新文章
- R语言使用ggplot2包使用geom_boxplot函数绘制基础分组缺口箱图(notch boxplot)实战
- Python 编程系列
- php 如何实现表格行列的对齐,excel怎样把每列文字对齐
- 网站title实现切换
- Unity 2017 Game Optimization 读书笔记 Dynamic Graphics(1)
- Scripting elements ( lt;%!, lt;jsp:declaration, lt;%=, lt;jsp:expression, 错误的解决方法
- mysql触发器可以使用正则表达式_SQL 正则表达式及mybatis中使用正则表达式
- powershell加win的dns服务器,解决网站负载均衡问题
- java ac自动机_如何使用Java实现AC自动机全文检索实例
- wps文档提取关键词_Cisdem Document Reader5实用文档阅读器
- putty mtputty 设置utf8编码
- 【编辑器】用CodeRunner打造VScode的C++开发环境
- soapUI Pro 4.5.1的新破解方案
- 有限公司章程(范本)
- 彩虹表MD5破解分析
- 华为防火墙基于IP地址的带宽管理
- linux系统下/etc目录的理解
- 那个大雨之夜,您与我们同在_____生活中的素质教育
- 【matlab 图像处理】 guide 图像去雾系统
- Android Studio混淆相关总结
热门文章
- 机器学习第五回——支持向量机SVM
- Machine Learning——Homework4
- ArcGIS操作小技巧(六)之Network Analyst工具条不能使用的解决方法
- matlab连续投影算法SPA使用示例
- Random在java中怎么用_java中random()函数用法介绍
- Git安装配置与GitHub注册及简单使用
- Spring读书笔记(一)
- 双亲委派模型与 Flink 的类加载策略
- oracle的update加并发,关于update操作并发问题
- ae2020不支持的视频驱动程序_英伟达发布支持GeForce GTX 1660 SUPER的新Linux图形驱动程序...