如何在表格单元格上使用onmouseover将字符串更改为预填充的textarea？

Question

所有

我生成了一个包含名字和姓氏的动态表格。我想整合一个onmouseover功能，使文本可编辑，一个onmouseout将使文字再次“硬”。

我的问题是如何在文本“硬”和可编辑的情况下构建表格单元格？当文本“硬”时，在<p>内的<td>标记内包含文本是一个好主意。是否可以将<p>替换为<textarea>以使其可编辑？我应该在哪里放置功能？正如我现在所做的那样，当我一次带上指针时，浏览器会记录几个onmouseover事件 - 为什么会这样？

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

<?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++;
 }
?>