代码示例:(标识:event_onfocus_eventdelegation)
<!DOCTYPE html>
<html>
<body>

<p>当您输入输入字段(FORM 的子)时,会触发一个将背景颜色设置为黄色的函数。当您离开输入字段时,会触发一个删除背景颜色的函数。</p>

<form id="myForm">
  <input type="text" id="myInput">
</form>

<script>
var x = document.getElementById("myForm");
x.addEventListener("focus", myFocusFunction, true);
x.addEventListener("blur", myBlurFunction, true);

function myFocusFunction() {
  document.getElementById("myInput").style.backgroundColor = "yellow";  
}

function myBlurFunction() {
  document.getElementById("myInput").style.backgroundColor = "";  
}
</script>

</body>
</html>
运行结果: