Javascript 在使用jquery接收HTML中事件的节点之间进行区分

我想要一个下拉列表来实现一个特定的输入。但是我觉得这个内置的选择不太好。所以我试着用列表来实现它。我在这方面取得了部分成功。当我单击文本字段时，列表通过从文本字段向下滑动显示，当单击列表时，列表通过向上滑动显示。幻灯片动画是使用jQuery完成的

单击任何

元素，即可在字段中设置值。单击其他任何地方都会取消列表。 但是现在，当列表通过一个按钮显示时，当我点击列表时，它会认为这是点击了按钮，并且只会取消列表

当列表显示时，我如何告诉浏览器点击列表而不是点击按钮

截图应该给出一个合理的想法。。单击所有其他列表项可正常工作。。但是按钮上方的按钮不起作用。在截图中。。单击列表项Miscellaneous不起作用

您可以使用

---

但我认为在列表单击之前可以识别悬停。我试过这个。

$("#PopuListId").click(function(event){
  event.stopPropagation();
  // do rest of the things
});