javascript - 如何在表格单元格上使用 onmouseover 将字符串更改为预填充的文本区域？

Question

全部，

我生成了一个名字和姓氏的动态表。我想集成一个onmouseover使文本可编辑的功能，以及onmouseout使文本再次“变硬”的功能。

我的问题是如何在文本“硬”且可编辑的情况下构建表格单元格？当文本“硬”时，将文本包含在<p>标签内是否是个好主意。将其替换<td>为可编辑的正确方法是？我应该把函数放在哪里？正如我现在所拥有的那样，当我一次带入指针时，浏览器会注册几个事件 - 为什么会这样？<p><textarea>onmouseover

创建表的 PHP 代码<tbody>如下所示：

<?php
 $i=0;
 foreach ($nameArray as $name){
   echo "<tr>";
      echo "<td  id='first_".$i."' onmouseover='editOn(this)' onmouseout='editOff(this)'>
       <p>".$name[0]."</p>
     </td>";
     echo "<td  id='last_".$i."' onmouseover='editOn(this)' onmouseout='editOff(this)'>
       <p>".$name[0]."</p>
     </td>";
   echo "</tr>";
   $i++;
 }
?>