javascript - onmouseout 和 onmouseover

Question

我正在做涉及使用 javascript 的作业。我的家庭作业的一部分是使用事件处理程序 onmouseout 和 onmouseouver。当用户将鼠标悬停在特定 div 元素上时，字体大小会增加 25%，而当用户将鼠标移出 div 元素时，字体大小会恢复正常。我的问题是，是否可以将 onmouseover 函数和 onmouseout 函数合并到一个函数中？不知何故，这就是我的老师希望我们做的。到目前为止我已经开始了。

function FontSize(x)
{
    x.style.fonstSize = large;
}

我还认为这不是使字体变大 25% 的正确代码，但我不确定如何在此函数中真正合并 onmouseout。

Answer 1

作为一名教师，我 99% 确信教师所说的“一个函数”是指一个改变字体大小的通用函数，而不是一个使用条件语句向后工作并弄清楚是否应该的函数。执行 onmouseout 或 onmouseover。

您的脚本应包含:

function resize(elem, percent) { elem.style.fontSize = percent; }

您的 HTML 应包含:

<div onmouseover="resize(this, '125%')" onmouseout="resize(this, '100%')"
Text within div..
</div>

注意:像这里这样的情况正是 JavaScript 使用关键字“this”的原因——让我们不必使用复杂的 document.getElementById() 语句。