javascript - 如果 div 为空，如何修复 onclick 不触发？

Question

我正在为我的侦察小组的成员和志愿者开发一个后端站点。我有一个日历页面，它只是从数据库中为该部门(有 2 个部门)的每一行构建的一个很好的表。仅添加周五、周六和周日。我这样做是因为我们习惯了 google 表格。

(是的，我知道重复条目等，但在这种情况下这是最佳方式)。

现在我遇到的问题: The html table

行是在 sql 的基础上在 php 中构建的:

 <?php
 while ($result && ($row = $result_fetch_assoc())){
     echo"
         <tr>
             <td>" . $row['day'] . "</td>
             <td>" . $row['date'] . "</td>
             <td id='typestd" . $row['idPlanning'] . "'><div onclick='edittype_js(" . $row['idPlanning'] . ")'>" . $row['type'] . "</div></td>
             <td id='descriptiontd" . $row['idPlanning'] . "'><div onclick='editdescr_js(" . $row['idPlanning'] . ")'>" . $row['description'] . "</div></td>
          </tr>
          ";
    ...

onclick从类型或描述 php 文件执行 GET，该文件将 javascript 内部 html 回显到 <td> , 所以它用 onclick ‘覆盖’ div:

 <?php
 echo"<input class='form-control' value='" . $row['type'] . "' autofocus></input>";
 ?>

现在的问题是 onclick 只有在单元格被填充时才会触发。如果它是空的，则不会。我希望它是这样的，您可以单击它来编辑文本并在输入时保存单元格。

输入时的节省我可能会弄清楚，但我该如何做到这一点，以便 onclick 也会在空单元格上触发？ (将其移至作品中，但您无法编辑和单击您的文本)

Answer 1

将 onClick 添加到 td 标签。当 div 为空时，它不会呈现/没有大小，因此用户将无法单击它，因此不会触发该功能。

<?php
 while ($result && ($row = $result_fetch_assoc())){
     echo"
         <tr>
             <td>" . $row['day'] . "</td>
             <td>" . $row['date'] . "</td>
             <td id='typestd" . $row['idPlanning'] . "' onclick='edittype_js(" . $row['idPlanning'] . ")'><div>" . $row['type'] . "</div></td>
             <td id='descriptiontd" . $row['idPlanning'] . "' onclick='editdescr_js(" . $row['idPlanning'] . ")'><div>" . $row['description'] . "</div></td>
          </tr>
          ";
    ...