JavaScript中的onBlur和onFouse事件的用法

onFouse 事件在对象获得焦点时发生。onBlur 事件会在对象失去焦点时发生。
可能这么说对于小萌新来说可能不懂，我翻一下，一般在输入框使用，当鼠标点击输入框就是获取焦点，这个时候就用onFouse。当我们完成对输入框内容的输入后，点击输入框外这个时候就是是去焦点，用onBlur。
举个栗子
JS代码：

<script>
function myFouse(x){
	x.style.background="yellow";
}
function myBlur(y){
	y.style.background="red";
}
</script>

HTML代码：

 <input type="text" onFocus="myFouse(this)" onBlur="myBlur(this)">
<p>点击输入框内触发myFouse事件为黄色，点击输入框外触发myBlur事件为红色</p>

效果如下：

点击输入框内，这个时候光标正在闪烁，可以输入内容，是获取焦点，触发onFouse事件，调用myFouse方法，背景色变成黄色

点击输入框外，失去焦点，触发onblur事件，调用myBlur方法，背景色变成红色