JQuery тр потерять фокус - PullRequest
       10

JQuery тр потерять фокус

0 голосов
/ 09 апреля 2020

$(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");
});
...