Question

这里是JS的新功能。我有一个带有一些鼠标悬停功能的表，带有一个小的脚本，可将文本输出到表的右侧。

我很好奇，一旦用户将鼠标移开，是否可以设置默认文本。现在，将鼠标悬停在项目上时，无论最后一次鼠标悬停在哪个位置，输出都会保持不变。

由于这些都在表中，因此我只是显示其重点。

function writeText2(txt2) {
  document.getElementById("text_field2").innerHTML = txt2;
}

Answer 1

您只需要mouseout事件。

虽然使用这种内联事件侦听器不是一种好习惯，因为您已经以这种方式启动了

function writeText2(txt2)
{
document.getElementById("text_field2").innerHTML=txt2; 
}

    <p align="center" style="padding:0px 7px" onmouseover="writeText2('happy happy text text')" onmouseout="writeText2('My default text here')" id="text_field2">MOUSEOVERHERE</p>

（请注意，我已将<td>更改为<p>以使代码段正常工作。并且我还将id添加到了元素中，以显示其正常工作-您将显然必须适应您自己的用例，您要定位的元素不同于鼠标进入和离开的元素。）

Answer 2

您要寻找的是onmouseenter和onmouseleave

<td align="center" style="padding:0px 7px" onmouseenter="writeText2('I moused over')" onmouseleave="writeText2('I left')">MOUSEOVERHERE</td>

如果没有鼠标悬停，如何添加默认文本字段？

2 个答案: