Bootstrap 3 Dropdown hide.bs.dropdown eventTarget 属性返回未定义

Question

我需要在 BootStrap 3 下拉菜单中获取单击事件的目标。 经过大量谷歌搜索后，我找到了这个答案，这似乎正是我所需要的。 但是e.eventTarget总是返回undefined 。 下面是我的代码

 $(document).on("hide.bs.dropdown", ".name-dropdown", function(e) { console.log(e.clickEvent.target); });

 <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css" rel="stylesheet"/> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script> <div class="col-sm-4 text-left customer-name"> <div class="dropdown name-dropdown"> <input class="customer-namefield form-control dropdown-toggle text-box single-line" data-toggle="dropdown" id="Customer_Name" name="Customer.Name" placeholder="Name" type="text" value="test" aria-expanded="true"> <div class="name-menu dropdown-menu" style=""> <table> <tbody> <tr class="name-menu-row"> <td>test123</td> <td></td> <td></td> </tr> <tr class="name-menu-row"> <td>test12</td> <td></td> <td></td> </tr> <tr class="name-menu-row"> <td>test</td> <td></td> <td></td> </tr> </tbody> </table> </div> </div> </div>

我将通过 ajax 填充下拉列表。 当用户单击其中一个<tr>时，它将使用该表行中的数据一次自动完成多个输入字段。

此外，如果您能提出更好的方法来实现我的最终目标，我会接受其他想法。