如何用js监听滚动条滚动事件

JavaScript011

如何用js监听滚动条滚动事件,第1张

js监视滚动事件的函数是onscroll

js语法:element.onscroll = functionReference

html语法:<element onscroll="myScript">

<!DOCTYPE html>

<html lang="en">

  <head>

  <meta charset="UTF-8" />

  <style>

  #container {

    position: absolute

    height: auto

    top: 0

    bottom: 0

    width: auto

    left: 0

    right: 0

    overflow: auto

  }

 

  #foo {

    height:1000px

    width:1000px

    background-color: #777

    display: block

  }

 

  </style>

  </head>

  <body>

    <div id="container">

      <div id="foo"></div>

    </div>

 

    <script type="text/javascript">

      // js绑定你需要监控滚动事件的dom,也可以绑定document.body监控整个网页滚动

      // 也可以监控具体的dom滚动,像下面的container Id对象

      document.getElementById('container').onscroll = function() {

        console.log("scrolling")

      }

    </script>

  </body>

</html>

一、页面关闭:

用javascript重新定义 window.onbeforeunload() 事件 

在javascript里定义一个函数即可 

function window.onbeforeunload() { alert("关闭窗口")} 

alert()事件将会在关闭窗口前执行,你也可以用户决定是否关闭窗口 

function window.onbeforeunload() { 

if (event.clientX>document.body.clientWidth &&event.clientY<0 ||event.altKey) 

window.event.returnValue="确定要退出本页吗?" 

2.用onUnload方法 

在body 标签里加入onUnload事件 

body onUnload="myClose()"

二、页面跳转好做,但监听不好做。

页面跳转方法:a.window.location.href='index.html'

b.window.navigate("index.html")

c.

if (confirm("你确定要跳转页面吗?"))...{

window.location.href="index.html" 

}