JSFiddle - React, Tailwind, and code Playground

HTML

<div class="modal-body" style=''> <label for='update'></label>
<table  class="data  table-bordered table table-striped"  id="ui" method="POST" >
<tr style="background-color:blue;color:white;"><td width="25%">Device-imei</td><td>Device-Model</td><td >device-nickname</td><td><input type="submit" value="Save">
  <input type="hidden" name="data" value=""></td></tr>
  <tr><td>"111111"</td>  <td>"Model"</td><td  ><div class="device-name" contenteditable >"Name"</div></td><tr>
</table>

JavaScript

$('.device-name').on('blur', function(event){
    alert(event.target.textContent);
})