文本类事件、窗口事件

input:

<body>
    <input type="text">
    <script type="text/javascript">
        var input=document.getElementsByTagName("input")[0];
        input.oninput=function(e){
            console.log(this.value);
        }

    </script>
</body>

输入什么就会触发这个事件

change

不会监控每个输入的过程,只是会在输入完毕时跟之前做对比,如果发生了改变就会触发

onfocus和blur

聚焦和不聚焦

<input type="text" value='请输入信息' onfocus="if(this.value=='请输入信息'){this.value=''}"
    onblur="if(this.value==''){this.value='请输入信息'}">

scoll

滚轮滚动就会自己调用

 window.onscroll=function(){
           console.log(window.pageXOffset+" "+window.pageYOffset);
       }

这个就可以打印出滚的位置

猜你喜欢

转载自blog.csdn.net/scwMason/article/details/81154536