Question

我目前有一张表有一个可用的表，tds包含允许用户更改其中的值的div。如果用户按下回车键，则调用一个函数，但我现在想要这样做，这样用户只需要点击div即可运行该函数。这有可能吗？

Answer 1

您可以使用blur事件：

$('.edit-me').prop('contentEditable', true);
$('.edit-me').on('blur', function() { console.log( $(this).text() ); });

table    { width: 100%;   }
table td { width: 50%;    }
.edit-me { padding: 10px; }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table border="1">
  <tr>
    <td><div class="edit-me"></div></td>
    <td><div class="edit-me"></div></td>
  </tr>
  <tr>
    <td><div class="edit-me"></div></td>
    <td><div class="edit-me"></div></td>
  </tr>
</table>

Answer 2

首先，您需要能够根据元素是否具有contenteditable属性来选择元素：

$('[contenteditable="true"]')

然后将事件应用于它

当cid off一个可信的div时运行函数

2 个答案: