Bootstrap 4 引导下拉停止播放问题

我有一个angular项目正在运行，但这是相关的，因为这个问题主要与Bootstrap4有关

因此，在我的项目中，我非常依赖bootstrap下拉列表，bootstrap所做的是，它阻止下拉按钮上的事件传播。这似乎是故意的

我有一个点击事件监听文档，检查页面中的其他元素是否应该隐藏，但由于事件没有传播，我无法实现这一点

在这个问题上的任何帮助都将被感激，我一定会给出一个被接受的答案

$（文档）.on（'click'，函数（e）{
console.log（'Click triggered'）；
});

JSBin作为参考
 在函数中用“.dropdown”替换“document”：

$('.dropdown').on('click', function (e){
      $('#message').text('Clicked '+e.target.tagName);
});

请分享代码，也许解释一下您尝试了什么。我不能透露实际的代码，但是我提供了一个JSbin。我查看了它，但它看起来好像在工作。目标是当用户单击下拉选项时，该选项的标记名作为文本放置在段落中，否？我没有看到引导导致任何问题。引导是好的，但是如果你点击按钮，它不会说“点击按钮”，因为点击事件不会在按钮上触发。这很有效，谢谢。真不敢相信我竟然没有想到给按钮本身添加一个侦听器。通过放入$（文档“.dropdown”实现了我所需的功能