更多实例
例子 2
将 "onfocus" 与 "onblur" 事件一起使用:
亲自试一试
例子 3
清空获得焦点的输入字段:
亲自试一试
例子 4
事件委托:将 addEventListener() 的 useCapture 参数设置为 true:
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 = "";
}
亲自试一试
例子 5
事件委托:使用 focusin 事件(Firefox 不支持):
var x = document.getElementById("myForm");
x.addEventListener("focusin", myFocusFunction);
x.addEventListener("focusout", myBlurFunction);
function myFocusFunction() {
document.getElementById("myInput").style.backgroundColor = "yellow";
}
function myBlurFunction() {
document.getElementById("myInput").style.backgroundColor = "";
}
亲自试一试