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"
}