$(document).ready(function() {
$('.tablecontrol tr').on("focusout", function(event) {
console.log("alert");
});
});
.tablecontrol {
border-collapse: collapse;
width: 100%;
}
.tablecontrol td {
border: 1px solid #ddd;
padding: 15px 10px;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table class="tablecontrol">
<tr>
<td>Value 1<input type="text" />
</td>
<td>Value 2<input type="text" />
</td>
</tr>
<tr>
<td>Value 3<input type="text" />
</td>
<td> Value 4<input type="text" />
</td>
</tr>
</table>
Мне нужно выполнить некоторые js, когда tr теряет фокус (не когда пользователь переключается между td на одной и той же строке). Я попробовал код ниже но это работает не только для tr, но и когда td теряет фокус.
$('.tablecontrol tr').on("focusout", function (event) {
console.log("alert");
});