点击<select>元素，但不点击<option> </option> </select>

Question

我的元素在单击时使用onclick（）侦听器更新其选项。问题是当单击选项时侦听器正在触发，因此用户无法在更新列表中选择任何内容。

groupSelect.onclick = function() {
    PopulateList();
  }

我想仅在单击选择元素时（当菜单尚未下拉时）才运行我的功能，而不是在单击特定选项时运行。我怎么能这样做？我正在使用NodeJS编写JS部分。

Answer 1

事件将在层次结构中冒泡，因此点击option也会触发绑定到其父select的任何事件。

通过停止在option侦听器

上传播事件来解决此问题

$('option').click(function(event){
  event.stopPropagation();
  //rest of code
})