13518219792
当正在离开一个页面或正在卸载一个页面时，unload事件将会被激活，然而不管怎样，此事件不能够阻止页面的离开。
创新互联主要从事成都做网站、成都网站设计、网页设计、企业做网站、公司建网站等业务。立足成都服务徐水,十载网站建设经验,价格优惠、服务专业,欢迎来电咨询建站服务:18982081108
$(window).bind('unload',function(){});
从jquery 1.4起，你能够绑定beforeunload 事件给$(window) 对象来阻止页面的离开，卸载或导航到其它站点。
$(window).bind('beforeunload',function(){
return'';
});
随着beforeunload事件被绑定，当你关闭此页面，点击回退按钮或刷新此页面，一个确认提升框会被弹出，用来询问你是否真正想做。选择ok 用来离开页面，cancel 用来阻止页面的离开，使其保持在相同的页面。
另外 ，你被允许添加自己的学习到确认提示框（box）中：
$(window).bind('beforeunload',function(){
return'Before You Go \n Your custom message go here';
});
注意beforeunload 事件是从jquery 1.4版本才开始支持的。
以下是完整代码
html
head
meta http-equiv="content-type" content="text/html;charset=UTF-8"
titleunload/title
script type="text/javascript" src="../jquery-1.11.1.min.js"/script
/head
body
h1stop a page from exit with jquery/h1
button id="reload"goto/button
script type="text/javascript"
$('#reload').click(function(){
window.location.assign("");});
$(window).bind('beforeunload',function(){
return '你想去百度首页吗 \n yes or no';
});
/script
/body
/html
（1）什么是事件起泡
首先你要明白一点，当一个事件发生的时候，该事件总是有一个事件源，即引发这个事件的对象，一个事件不能凭空产生，这就是事件的发生。
当事件发生后，这个事件就要开始传播。为什么要传播呢？因为事件源本身并没有处理事件的能力。例如我们点击一个按钮时，就会产生一个click事件，但这个按钮本身不能处理这个事件（废话），事件必须从这个按钮传播出去，从而到达能够处理这个事件的代码中（例如我们给按钮的onclick属性赋一个函数的名字，就是让这个函数去处理该按钮的click事件）。
当事件在传播过程中，找到了一个能够处理它的函数，这时候我们就说这个函数捕捉到了这个事件。
说到这里，关键的问题来了，那就是一个函数是如何捕捉一个事件的呢？这就涉及到事件的冒泡了。
为了更好地理解冒泡的概念，我建议你现在想象一下你的面前放着一杯水，但这杯水和我们平时看到的有点点不同，它分为数层，每一层又分成一或多个区域，最顶层是我们熟悉的窗口对象（即window对象），下一层分为好几个区域（document对象、history对象等等），而document对象的下一层又分为多个子对象。
这些对象的层次关系构成了DOM中的对象树。
事件的传播是有方向的，当点击一个按钮时所产生的事件从这个按钮处开始向上传播（就像一个水泡从杯底冒上来，这就是之所以叫事件冒泡的原因），但这个事件总是寻找特定的属性是否有值。例如按钮的click事件先寻找在按钮上是否有onclick属性的有意义的定义（即该属性指向一个存在的函数或一段可执行的语句），如果有，执行这个函数或语句；然后事件继续向上传播，到达按钮的上一层对象（例如一个form对象或document对象，总之是包含了按钮的父对象），如果该对象也定义了onclick属性，则执行属性的值。
所以，如果这个按钮上面有3层（form、document、window），且这三层都定义了onclick属性，则当按钮的click事件产生时，将会调用4个（包括按钮本身的一个）函数或执行4段语句。
事件的这几个特性在0级dom中也是适用的。
（2）jquery阻止事件起泡实例
1、通过返回false来取消默认的行为并阻止事件起泡。
jQuery 代码:
复制代码 代码如下:
$("form").bind(
"submit",
function() {
return false;
}
);
2、通过使用 preventDefault() 方法只取消默认的行为。
jQuery 代码:
复制代码 代码如下:
$("form").bind(
"submit",
function(event){
event.preventDefault();
}
);
3、通过使用 stopPropagation() 方法只阻止一个事件起泡。
jQuery 代码:
复制代码 代码如下:
$("form").bind(
"submit",
function(event){
event.stopPropagation();
}
);
（3）关于js事件起泡的验证
今天这个问题主要涉及到几个关键词：对象，触发事件，捕获事件，执行处理、起泡。这其实就是整个js执行的过程。其中冒泡这个过程很有意思。其实就像是一杯水，但是这杯水是分层次的，最底下是当前触发事件的对象。然后越往上范围越大，最顶层肯定是window，倒数第二层是document。气泡在上浮过程中会判断当前所到达的层有没有绑定事件处理方法。有话就执行相应的处理。没有的话就继续起泡。直到到达最顶层的window窗口层。我们可以在任何一层做相应的处理以阻止事件继续起泡。方法就是调用事件对象的阻止起泡的方法。event.stopPropagation();下面是写的一个验证js事件起泡的过程方法。
复制代码 代码如下:
script type="text/javascript"
$(document).ready(function(){
$('.one').click(function(e){
alert('one');
});
$('.two').click(function(e){
alert('two');
});
$('.three').click(function(e){
alert('three');
//阻止起泡取消下面的注释
// e.stopPropagation();
});
});
/script
div class="one" style="width:200px;height:200px;background:green;"
one
div class="two" style="width:150px;height:150px;background:yellow;"
two
div class="three"
three
/div
/div
/div
（4）总结
1.一个事件起泡对应触发的是上层的同一事件
特殊：如果two设置成双击事件，那么在你单击two的时候就会起泡触发one单击的事件
（双击包含单击）。
2.如果在click事件中，在你要处理的事件之前加上e.preventDefault();
那么就取消了行为（通俗理解：相当于做了个return操作），不执行之后的语句了。
3.e.stopPropagation()只要在click事件中，就不会触发上层click事件。
在一个对象上触发某类事件（比如单击onclick事件），如果此对象定义了此事件的处理程序，那么此事件就会调用这个处理程序，如果没有定义此事件处理程序或者事件返回true，那么这个事件会向这个对象的父级对象传播，从里到外，直至它被处理（父级对象所有同类事件都将被激活），或者它到达了对象层次的最顶层，即document对象（有些浏览器是window）。所以有些时候需要阻止冒泡。
工具原料：编辑器、浏览器
方式一：event.stopPropagation();
$("#div1").mousedown(function(event){
event.stopPropagation();
});
方式二：return false;
$("#div1").mousedown(function(event){
return false;
});
但是这两种方式是有区别的。return false 不仅阻止了事件往上冒泡，而且阻止了事件本身。event.stopPropagation() 则只阻止事件往上冒泡，不阻止事件本身。
阻止事件冒泡可以防止触发父元素上面绑定的事件。
比如：
div class="parent"
div class="child"123/div
1234
/div在parnet上面和child上面都绑定click事件，并且打印1234，当你点击child的div时，会发现打印两次。
1.event.stopPropagation();
事件处理过程中，阻止了事件冒泡，但不会阻击默认行为（它就执行了超链接的跳转）
2.return false;
事件处理过程中，阻止了事件冒泡，也阻止了默认行为（比如刚才它就没有执行超链接的跳转）
还有一种有冒泡有关的：
3.event.preventDefault();
它的作用是：事件处理过程中，不阻击事件冒泡，但阻击默认行为（它只执行所有弹框，却没有执行超链接跳转）
jquery提供了一个只触发一次点击的方法\x0d\x0aobj.one(function(){\x0d\x0a\x0d\x0a});\x0d\x0a或者用obj.unbind("click")取消点击事件
