在 javascript 中绑定多个事件

Question

我尝试了以下方法将跨度在鼠标悬停时更改为红色，在鼠标移开时更改为黑色：

<span onmouseover="this.style.color='red' onmouseout=this.style.color='black'">Mouse over me!</span>

但是没用！

如何使用 javascript 将多个事件绑定到单个元素？

Answer 1

您将 onmouseout 放入 onmouseover 事件中，这是不正确的。

试试这个：

<span onmouseover="this.style.color='red'" onmouseout="this.style.color='black'">Mouse over me!</span>

Answer 2

你忘了引号。

<span onmouseover="this.style.color='red'" onmouseout="this.style.color='black'">Mouse over me!</span>
                                         ^            ^

Answer 3

忘记引用..

<span onmouseover="this.style.color='red'" onmouseout="this.style.color='black'">Mouse over me!</span>