Javascript判断鼠标在元素外点击
2009-06-17 18:30
465 查看
简单的说:document中mousedown能获得鼠标点击的对象
IE中用event.srcElement;
FF中中e.target;
然后遍历判断该对象是否为元素子节点。
<html> <body> <input type="button" value="Zswang 路过!" onclick="button_Click()" /> <div id="div_panel" style="display:none;width:200px;height:200px;background-color:Red;"> <a href="http://blog.csdn.net/zswang" alt="广告">http://blog.csdn.net/zswang</a> <br /> <img src="http://www.csdn.net/Images/logo_csdn.gif" alt="CSDN"/> </div> <script type="text/javascript"> function $(id) { return document.getElementById(id); } function addEventHandler(target, type, func) { if (target.addEventListener) target.addEventListener(type, func, false); else if (target.attachEvent) target.attachEvent("on" + type, func); else target["on" + type] = func; } function removeEventHandler(target, type, func) { if (target.removeEventListener) target.removeEventListener(type, func, false); else if (target.detachEvent) target.detachEvent("on" + type, func); else delete target["on" + type]; } function button_Click() { $("div_panel").style.display = ""; addEventHandler(document, "mousedown", document_MouseDown); } function document_MouseDown(e) { var element = typeof event != "undefined" ? event.srcElement : e.target; var downPanel = false; while (element) { downPanel = element == $("div_panel"); if (downPanel) break; element = element.parentNode; } if (!downPanel) { removeEventHandler(document, "mousedown", document_MouseDown); $("div_panel").style.display = "none"; } } </script> </body> </html>
相关文章推荐
- Javascript判断鼠标在元素外点击
- javascript获取鼠标点击元素对象(示例代码)
- javascript获取鼠标点击元素对象(示例代码)
- 每天一个JavaScript实例-铺货鼠标点击位置并将元素移动到该位置
- javascript 获取鼠标点击的元素
- 每天一个JavaScript实例-铺货鼠标点击位置并将元素移动到该位置
- javascript获取鼠标点击元素对象
- (Javascript经典案例) -- 捕获鼠标点击位置并将元素移动到该位置
- JavaScript(获取或设置html元素的宽,高,坐标),确定和判断鼠标是否在元素内部,二级导航菜单鼠标离开样式问题解决
- javascript判断元素存在和判断元素存在于实时的dom中的方法
- JavaScript判断数组是否包含指定元素的方法
- JavaScript 实现鼠标拖动元素实例代码
- 读jQuery之七(判断点击了鼠标哪个键)
- javaScript获得鼠标点击图片处的坐标
- js获取页面元素和鼠标的点击位置
- 每天一个JavaScript实例-点击图片显示大图添加鼠标操作
- Winform,C#,listView判断鼠标点击是行还是listView的空白区
- javascript中如何判断一个元素在页面中是否存在(转)
- 是有JavaScript判断表单元素是否为空
- 取得浏览器当前鼠标的X,Y坐标的JavaScript脚本及document元素的一些重要属性