OnClick事件整个页面除了一个div [英] OnClick event for whole page except a div
本文介绍了OnClick事件整个页面除了一个div的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我工作的ASP.Net一个自己的组合框控件应该像一个选择框,我用一个文本框,一个按钮和一个DIV作为一个选择框更换。它工作正常,看起来像这样图片:
我现在的问题是选择框关闭行为:打开选择框以外的任何地方点击的时候应该关闭结果。
所以,我需要像onClick事件整个页面时,我的分区是打开这应该只触发。任何建议如何做到这一点?
解决方案
document.onclick =功能(){
如果(clickedOutsideElement('divTest'))
警报('的元素之外!');
其他
警报('元素在里面!');}功能clickedOutsideElement(elemId){
VAR theElem = getEventTarget(window.event); 而(theElem = theElem.offsetParent){
如果(theElem.id == elemId)
返回false;
} 返回true;
}功能getEventTarget(EVT){
VAR塔尔格=(evt.target)? evt.target:evt.srcElement; 如果(塔尔格和放大器;&安培; targ.nodeType == 3)
塔尔格= targ.parentNode; 返回塔尔格;
}
I'm working on an own combobox control for ASP.Net which should behave like a selectbox, I'm using a textbox, a button and a div as a selectbox replacement. It works fine and looks like this Image:
My problem now is the Selectbox close behaviour: when clicking anywhere outside the opened selectbox it should close.
So I need something like an onClick event for the whole page which should only fire when my div is open. Any suggest how to do that?
解决方案
document.onclick = function() {
if(clickedOutsideElement('divTest'))
alert('Outside the element!');
else
alert('Inside the element!');
}
function clickedOutsideElement(elemId) {
var theElem = getEventTarget(window.event);
while(theElem = theElem.offsetParent) {
if(theElem.id == elemId)
return false;
}
return true;
}
function getEventTarget(evt) {
var targ = (evt.target) ? evt.target : evt.srcElement;
if(targ && targ.nodeType == 3)
targ = targ.parentNode;
return targ;
}
这篇关于OnClick事件整个页面除了一个div的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文