10 examples of 'close div when click outside javascript' in JavaScript

250
function divclose() {
251
    $(".showing").hide();     
252
}

113
function closeDiv(target) {
114
	$(target).hide();
115
}

274
function lclosediv()
275
{
276
	var lbody=$('lBody'); 
277
	if (parseInt(lbody.style.top)+parseInt(lbody.style.height)>25)
278
	{
279
		lbody.style.top = parseInt(lbody.style.top)-5;
280
		setTimeout(function () {lclosediv()},10)
281
	}
282
}

22
function onBodyClick(e: MouseEvent) {
23
  if (e.target) {
24
    onBodySelect(e.target as Element);
25
  }
26
}

78
function close () {
79
  const elm = document.getElementById('walletconnect-qrcode-modal')
80
  if (elm) {
81
    elm.className = elm.className.replace('fadeIn', 'fadeOut')
82
    setTimeout(() => {
83
      const wrapper = document.getElementById('walletconnect-wrapper')
84
      if (wrapper) {
85
        document.body.removeChild(wrapper)
86
      }
87
    }, style.animationDuration)
88
  }
89
}

74
function divOnclickHandler(elem){
75
  if (elem === document.getElementById('theDIV'))
76
    window.top.eCounters["div onclick"]   += 1;
77
}

56
function registerCloseEvent() {
57
58
    $(".closeTab").click(function () {
59
60
        //there are multiple elements which has .closeTab icon so close the tab whose close icon is clicked
61
        var tabContentId = $(this).parent().attr("href");
62
        $(this).parent().parent().remove(); //remove li of tab
63
        $('#devicesList a:last').tab('show'); // Select first tab
64
        $(tabContentId).remove(); //remove respective tab content
65
66
    });
67
}

70
close () {
71
  if (!this.panel.isVisible()) return
72
  this.panel.hide()
73
  if (this.previouslyFocusedElement != null) this.previouslyFocusedElement.focus()
74
}

6
export async function clickOnCloseModalButton( modalClassName ) {
7
	let closeButtonClassName =
8
		'.components-modal__header .components-button';
9
10
	if ( modalClassName ) {
11
		closeButtonClassName = `${ modalClassName } ${ closeButtonClassName }`;
12
	}
13
14
	const closeButton = await page.$( closeButtonClassName );
15
16
	if ( closeButton ) {
17
		await page.click( closeButtonClassName );
18
	}
19
}

158
function hideDiv(div) {
159
  var pdiv = "#" + div,
160
      button = pdiv + "-toggle"
161
162
  if ($(pdiv).css('display') == 'none') {
163
    $(pdiv).toggle('slow');
164
    $(button).html('Hide');
165
  }
166
  else {
167
    $(pdiv).toggle('slow');
168
    $(button).html('Show');
169
  }
170
}