OnClick事件整个页面除了一个div [英] OnClick event for whole page except a 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屋！