为什么jsfiddle中的背景颜色不会改变

Question

我从w3schools找到了这段代码。它有效，但是当我在jsfiddle中运行它时会出现问题。

<input type="text" onfocus="myFunction(this)">


function myFunction(x) {
    x.style.background = "yellow";
}

Here is the code in jsfiddle:

Answer 1

• 您不需要包含jquery。
• 在body而不是onLoad。
中添加您的脚本

See the updated fiddle

已修改：如果将其添加到head

，则会更好

Answer 2

使用addEventListener对我有用。

var input = document.getElementsByTagName("input")[0];

input.addEventListener("focus", function() {
    this.style.background = "yellow";
});

http://jsfiddle.net/f11ppv4L/4/