javascript - 使用 jQuery 区分接收 HTML 事件的节点

Question

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

点击任何 <li>元素值在字段中设置。单击其他任何地方都会关闭列表。 但是现在，当列表显示在一个按钮上时，当我点击列表时，它认为这是对按钮的点击，并且只是关闭了列表。

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

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

Answer 1

您可以使用 event.stoppropagation .

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