10 examples of 'close dropdown on click outside' in JavaScript

119
closeDropdown() {
120
  // Don't use ng-class here, it could cause issue on positionning.
121
  this.isDropdownOpen = false;
122
  this.destroyPopper();
123
124
  this.$document.off('click', this.documentClickHandler);
125
126
  // Update trigger
127
  if (this.triggerCtrl.afterClose) {
128
    this.triggerCtrl.afterClose();
129
  }
130
}

76
function closeDropdown () {
77
  Dropdown.componentInstance.hide()
78
}

26
closeDropDown() {
27
	this.item.find(".dropdown-content").removeClass('show');
28
	$(window).off('click', this.dropWatch);
29
}

109
private closeDropdown() {
110
    if (!this.props.disabled) {
111
        this.setState({open: false});
112
    }
113
}

19
async close(dropdown: ElementFinder) {
20
  await dropdown.$(`button[ngbDropdownToggle]`).click();
21
  expect(await this.isOpened(dropdown)).toBeFalsy(`Dropdown should have been closed`);
22
}

14
handleClickOutside () {
15
  document.removeEventListener('click', this.handleClickOutside, false)
16
  this.setState({
17
    listOpen: false
18
  })
19
}

81
function closeDropdownFn() {
82
  jqLite.removeClass(menuEl, openClass);
83
    
84
  // remove event handlers
85
  jqLite.off(doc, 'click', closeDropdownFn);
86
}

76
function closeDropdownFn() {
77
  jqLite.removeClass(menuEl, openClass);
78
    
79
  // remove event handlers
80
  jqLite.off(doc, 'click', closeDropdownFn);
81
  jqLite.off(doc, 'keydown', handleKeyDownFn);
82
}

20
closeDropdown() {
21
  document.getElementById("settings").classList.remove("dropdown-visible");
22
  document.getElementById("dropdown-background").classList.remove("dropdown-visible");
23
}

36
hideMenu() {
37
  this.setState({ isMenuOpen: false, });
38
39
  if (this.props.onClose) {
40
    this.props.onClose();
41
  }
42
}