Necesito obtener el objetivo de un evento de clic dentro de un menú desplegable de BootStrap 3. Después de mucho buscar en Google, encontré esta respuesta , que parece ser exactamente lo que necesito. Pero e.eventTarget siempre devuelve undefined . A continuación se muestra mi código
$(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> Estaré poblando el menú desplegable a través de ajax. Cuando el usuario hace clic en uno de los <tr> , se completarán automáticamente varios campos de entrada a la vez con los datos de esa fila de la tabla.
Además, si puede sugerir una mejor manera de alcanzar mi objetivo final, estaría abierto a otras ideas.