js 怎么监听到页面关闭或页面跳转事件

js 监听到页面关闭或页面跳转事件。

创新互联建站秉承专业、诚信、服务、进取的价值观，坚持以客户为中心、客户至上的服务理念，以“关注企业需求，实现企业价值”为导向，努力为企业提供全面优质的互联网应用服务。服务包括空间域名、雅安服务器托管、企业邮箱、网站建设、网站优化、网络营销解决方案和咨询服务，以帮助企业客户应用互联网。

javascript捕获窗口关闭事件有两种方法 onbeforeunload()，onUnload() 用法有两种：

1. function

window.onbeforeunload() { alert("远标培训为您关闭窗口")} function

window.onunload() { alert("远标培训为您关闭窗口")}

2.Onunload，onbeforeunload都是在刷新或关闭时调用，可以在script脚本中通过window.onunload来指定或者在body里指定。

区别在于onbeforeunload在onunload之前执行，它还可以阻止onunload的执行。

如何在页面中监听javascript事件

比如说一个页面上有什么东西,其中有一个按钮,按钮被点击,我们希望能够知道并做一些操作

这个就叫做按钮的点击事件监听

比如如下代码

按钮元素 有一个onclick事件(就是点击事件)

当点击了 执行函数DoClick

这就是上面的说的监听他的点击事件,并进行操作处理!(至于后台,比如说我点击了按钮,向后台提交一些数据如用户名 密码等)

jsp/html代码:input type="button" id="but" value="测试按钮" onclick="DoClick()"

javascript代码

javascript

function DoClick()

　{

alert('点击了按钮!希望对你有帮助!');

　}

/javascript

监听主要是辅助你对某个元素的特殊操作

例如:

1.点击图片-- 放大

2.地区选择:下拉列表--联动

...

都是在监听事件中写的

如果对某个元素没有特殊草操作,只是显示,那你就没有必要去考虑他的每个事件

要用面向对象的思想去考虑问题

附上出处链接：

javascript如何监听页面刷新和页面关闭事件

javascript的onbeforeunload()和onunload()两个事件。

相同点:

两者都是在对页面的关闭或刷新事件作个操作。

不同点：

unbeforeunload（）事件执行的顺序在onunload()事件之前发生。(因为，unbeforeunload()是在页面刷新之前触发的事件，而onubload()是在页面关闭之后才会触发的)。

unbeforeunload（）事件可以禁止onunload()事件的触发。

onunload()事件是无法阻止页面关闭的。

浏览器的兼容

onunload:

IE6，IE7，IE8 中 刷新页面、关闭浏览器之后、页面跳转之后都会执行；

IE9 刷新页面 会执行，页面跳转、关闭浏览器不能执行；

firefox(包括firefox3.6) 关闭标签之后、页面跳转之后、刷新页面之后能执行，但关闭浏览器不能执行；

Safari 刷新页面、页面跳转之后会执行，但关闭浏览器不能执行；

Opera、Chrome 任何情况都不执行。

onbeforeunload:

IE、Chrome、Safari 完美支持

Firefox 不支持文字提醒信息

Opera 不支持

IE6,IE7会出现bug

javascript 事件监听是什么？

1、事件监听的定义

在Javascript中，浏览器一般分为两大类：

① 基于IE内核的浏览器（版本号小于9的IE浏览器）

② 基于W3C内核的浏览器（版本号大于9的IE浏览器、Firefox、Google等浏览器）

1）基本语法：基于IE内核浏览器

dom对象.attachEvent(type，callback，capture) ：为元素绑定事件监听程序

参数说明：

type：绑定的事件类型，如onclick、onmouseover、onmouseout

callback：事件的处理程序，通常是一个匿名函数

capture：使用的浏览器模型，冒泡模型与捕获模型，默认IE8以下的浏览器只支持冒泡模型！

2）基本语法：基于W3C内核的事件监听

dom对象.addEventListener(type，callback) ：为W3C内核浏览器绑定事件监听

参数说明：

type：绑定事件类型，不带’on’前缀，如click，mouseover，mouseout

callback：事件的处理程序，通常是一个匿名函数

3、总结事件监听的区别

IE内核的监听方式与W3C内核的监听方式：

①方式不同

IE内核的浏览器使用attachEvent进行绑定

W3C内核的浏览器使用addEventListener进行绑定

②参数不同

IE内核浏览器，其绑定方式一共有三个参数type，callback，capture（使用的浏览器模型）

W3C内核浏览器，其绑定方式一共有二个参数，type和callback

③type参数不同

IE内核的浏览器，type是需要添加’on’前缀的，如onclick

W3C内核浏览器，type是不需要添加’on’前缀的，如click

④触发顺序不同

IE内核的浏览器，其事件监听是先绑定后触发，后绑定的先触发

W3C内核的浏览器，其事件监听是先绑定先触发，后绑定的后触发

当前文章：javascript监听,javascript监听手机键盘
分享路径：http://chengdu.cdxwcx.cn/article/dsgppog.html