文本类和窗体操作事件

文本类操作事件，input focus blur change

		 var input = document.getElementsByTagName('input')[0];
           		input.oninput = function(e){
                console.log(this.value)
            }
            //但凡输入框里有任何变化，都会被打印出来

	 var input = document.getElementsByTagName('input')[0];
            input.onchange = function(e){
                console.log(this.value)
            }
//对比的是鼠标聚焦和失去焦点两个状态，有变化就触发，
//没有变化就不会触发

		<input type="text" style="color:#999" value="请输入用户名" 
			onfocus="this.value=''" onblur="this.value='请输入用户名'">
//聚焦为空，失焦为原
        <input type="text" style="color:#999" value="请输入用户名" 
        onfocus="if(this.value=='请输入用户名'){this.value='';this.style.color='#424242'}" 
        onblur="if(this.value==''){this.value='请输入用户名';;this.style.color='#999'}">

窗体操作事件

 window.onscroll = function () {
    console.log(window.pageXOffset + " "+window.pageYOffset)
 }
  //ie6没有fix定位。用js模拟，position:absolute定位是相对于文档定位的,把滚动条的相对坐标加给fix 就能保持他的相对位置不变
 // window.onload，发生在文档加载完毕之后，非常影响效率，最慢而且没有意义，所以不用
 window.onload = function () {        }