js中的监听事件总结

Posted 2020-09-26

javascript事件与功能说明大全：http://tools.jb51.net/table/javascript_event

 

1.滚动条监听事件

例：监听滚动条距离页面顶端距离

 1 <script type="text/javascript">
 2          window.onscroll= function(){
 3                 //变量t是滚动条滚动时，距离顶部的距离
 4                 var t =       document.documentElement.scrollTop||document.body.scrollTop;
 5                 var scrollup = document.getElementById(‘scrollup‘);
 6                 //当滚动到距离顶部200px时，返回顶部的锚点显示
 7                 if(t>=200){
 8                     scrollup.style.display="block";
 9                 }else{          //恢复正常
10                     scrollup.style.display="none";
11                 }
12             }
13 </script>