js点击页面隐藏div
2015-09-08 09:05
651 查看
本功能实现的是在页面中弹出div,单击页面其他位置隐藏div,主要捕捉页面的单击事件,判断事件发生的id,代码如下:
//点击页面其他位置,隐藏语言选择和地区选择
document.onclick = function(event) {
var e = event || window.event;
var elem = e.srcElement || e.target;
while (elem) {
if (elem.id && (elem.id == "language" || elem.id == "region")) {
return;
}
elem = elem.parentNode;
}
document.getElementById("language_select").style.display="none";
document.getElementById("region_select").style.display="none";
};
//点击页面其他位置,隐藏语言选择和地区选择
document.onclick = function(event) {
var e = event || window.event;
var elem = e.srcElement || e.target;
while (elem) {
if (elem.id && (elem.id == "language" || elem.id == "region")) {
return;
}
elem = elem.parentNode;
}
document.getElementById("language_select").style.display="none";
document.getElementById("region_select").style.display="none";
};
相关文章推荐
- js常用的方法
- Javascript的this用法
- js setTimeout 和 setInterval实现多线
- JavaScript显式类型转换与隐式类型转换
- js刷新页面方法大全
- 关于ExtJs4的Grid带 查询 参数 分页(baseParams-->extraParams)
- 让JavaScript在Visual Studio 2015中编辑得更容易
- 用开发者视角看Microsoft Edge
- Ember.js 入门指南——计算属性(compute properties)
- Ember.js 入门指南——观察者(observer)
- JS json字符串传递后台
- 学习express之实现Json的Post请求
- JavaScript语句
- 犀牛——第9章类和模块 9.3JavaScript中java式的类继承
- 使用Js实现简单的计算器功能
- js数组使用JSON.stringify()和toString()的区别
- JavaScript设计模式之策略模式(学习笔记)
- javascript自定义事件
- JSON详解 .net
- js单击显示元素,点击元素本身以外隐藏元素