javascript - onmouseout和onmouseover

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

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

我还认为这不是使字体扩大25％的正确代码，但是我不确定如何在此功能中真正整合onmouseout。

最佳答案

我本人是一名老师，我99％确信，通过“一个功能”，讲师意味着一个通用的功能来更改字体大小，而不是一个使用条件语句向后工作并弄清楚它是否应该在onmouseout上工作的功能。鼠标悬停。

您的脚本应包含：

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（）语句。

关于javascript - onmouseout和onmouseover，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/16022583/