在线运行代码 - 菜鸟教程

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(cainiaoplay.com)</title>
</head>
<body>

输入您的名字: <input type="text" onfocusin="myFunction(this)">
<p>当 input 输入框获取焦点时，JavaScript 函数将被触发，并修改背景颜色。 </p>
<p><strong>注意：</strong> Firefox 浏览器不支持 onfocusin 事件。</p>
<script>
function myFunction(x) {
    x.style.background = "yellow";
}
</script>

</body>
</html>

源代码

动行结果