JavaScript事件详解
详述JS中的事件
JS事件的理解什么是事件？事件(Event)是JavaScript应用跳动的心脏，也是把所有东西粘在一起的胶水。
当我们与浏览器中Web 页面进行某些类型的交互时，事件就发生了。
事件可能是用户在某些内容上的点击、鼠标经过某个特定元素或按下键盘上的某些按键。
事件还可能是Web 浏览器中发生的事情，比如说某个Web 页面加载完成，或者是用户滚动窗口或改变窗口大小。
通过使用JavaScript ，你可以监听特定事件的发生，并规定让某些事件发生以对这些事件做出响应。
今天的事件在漫长的演变史，我们已经告别了内嵌式的事件处理方式（直接将事件处理器放在HTML 元素之内来使用）。
今天的事件，它已是DOM的重要组成部分，遗憾的是，IE继续保留它最早在IE4.0中实现的事件模型，以后的IE版本中也没有做太大的改变，这也就是说IE还是使用的是一种专有的事件模型（冒泡型）,而其它的主流浏览器直到DOM 级别3 规定定案后，才陆陆续续支持DOM标准的事件处理模型—捕获型与冒泡型。
历史原因是：W3C 规范在DOM 级别1中并没有定义任何的事件，直到发布于2000 年11 月的DOM 级别2 才定义了一小部分子集，DOM 级别2中已经提供了提供了一种更详细的更细致的方式以控制Web 页面中的事件，最后，完整的事件是在2004年DOM 级别3的规定中才最终定案。
因为IE4是1995推出的并已实现了自己的事件模型（冒泡型），当时根本就没有DOM标准，不过在以后的DOM标准规范过程中已经把IE的事件模型吸收到了其中。
目前除IE浏览器外，其它主流的Firefox, Opera,Safari都支持标准的DOM事件处理模型。
IE仍然使用自己专有的事件模型，即冒泡型，它事件模型的一部份被DOM标准采用，这点对于开发者来说也是有好处的，只有使用DOM标准，IE都共有的事件处理方式才能有效的跨浏览器。
DOM事件流DOM(文档对象模型)结构是一个树型结构，当一个HTML元素产生一个事件时，该事件会在元素结点与根节点之间按特定的顺序传播，路径所经过的节点都会收到该事件，这个传播过程可称为DOM事件流。
js事件冒泡与事件捕获详解
js事件冒泡与事件捕获详解（⼀）事件绑定1.普通事件绑定给html添加⼀个以on开头的特定的属性（如onclick，onfocus）;<button id="A" onclick="alert(this.id)">⽅式⼀</button><button id="A" onclick="handler(this)">⽅式⼆</button><script>function handler(btn){alert(this.id); //undefined this指向window对象alert(btn.id); //A}</script><button id="A">⽅式三</button><script>var btn = document.getElementById("A");btn.onclick = function(){alert("1:"+this.id);}btn.onclick = function(){alert("2:"+this.id);}//只能绑定⼀个事件处理函数，后⾯的会覆盖前⾯的；</script>2.符合W3C标准的事件绑定（addEventListener和removeEventListener）target.addEventListener(type, listener[, useCapture]);type:必须，表⽰监听事件类型的字符串；listener:必须，当所监听的事件类型触发时，会接收到⼀个事件通知对象；listener 必须是⼀个实现了 EventListener 接⼝的对象，或者是⼀个函数；useCapture:可选，Boolean,默认为false，表⽰事件传播⽅式为事件冒泡；true,表⽰事件传播⽅式为事件捕获；（事件捕获与事件冒泡下⾯有讲到）这两个函数Firefox和Chrome都⽀持，IE9及以后也⽀持这两个函数；IE使⽤attachEvent/detachEvent来进⾏事件绑定和取消；<button id="B">W3C标准⼀</button><script>var btn = document.getElementById("B");btn.addEventListener("click",handler,false);function handler(){alert(this.id); //B this指向的是dom对象； attachEvent指向的是window对象}</script><button id="B">W3C标准⼆</button><script>var btn = document.getElementById("B");btn.addEventListener("click",handler,true);btn.addEventListener("click",handler,false);function handler(){alert(this.id); //B}//当点击按钮时，函数handler会执⾏2次，⼀次为事件捕获，⼀次为事件冒泡；//如果绑定的是同⼀个事件处理函数，且都是事件捕获或都是事件冒泡，那么只能绑定⼀次；</script>3.IE浏览器使⽤attachEvent/detachEvent进⾏事件绑定与取消<button id="C">IE</button><script>var btn = document.getElementById("C");btn.attachEvent("click",handler);function handler(){alert(this.id); //undifined this指向的是window对象； addEventListener指向的是dom对象}</script>注：同⼀个事件处理函数只能绑定⼀次；不同的函数对象可以重复绑定不会覆盖；匿名函数和匿名函数即使代码完全⼀样，也是互相不相同的；（⼆）事件捕获与事件冒泡<div id="A"><div id="B"><div id="C"></div></div></div>事件捕获：就是从最外层到⽬标对象的顺序触发（如上⾯的代码，如果点击C，它的触发顺序为A→B→C）事件冒泡：就是从⽬标对象到外层的顺序触发（如果点击C,它的触发顺序为C→B→A）DOM事件流：就是⽀持两种事件模型，捕获型事件和冒泡型事件，捕获型事件先发⽣；两种事件流会触及DOM中的所有对象，从document对象开始，也在document对象结束。
javascript的常用事件有哪些
javascript的常⽤事件有哪些javascript常⽤事件：click、dblclick、mouseup、mouseout、keypress、keydown、keyup、error、load、resize、unload、blur、change、focus、reset等。
JavaScript 的⼀个基本特征就是事件驱动。
所谓事件驱动，就是当⽤户执⾏了某种操作或 Javascript 和 html 交互后导致了某种状态改变后，会因此⽽引发⼀系列程序的响应执⾏。
在这⾥，⽤户的操作称为事件，程序对事件作出的响应称为事件处理。
事件处理，是指程序对事件作出的响应。
事件，对 JavaScript 来说，就是⽤户与 Web 页⾯交互时产⽣的操作或 Javascript 和 html 交互后导致发⽣变化某种状态的事情，⽐如移动⿏标、按下某个键、单击按钮等操作以及表⽰ Ajax 的⼯作状态发⽣变化、表⽰动画已经完成运⾏等。
事件处理中涉及的程序称为事件处理程序。
事件处理程序通常定义为函数。
在 Web 页⾯中产⽣事件的界⾯元素，称为事件源。
在不同事件源上可以产⽣相同类型的事件，同⼀个事件源也可以产⽣不同类型的事件。
JS 程序通过指明事件类型和事件源，并对事件源绑定事件处理程序，这样，⼀旦事件源发⽣指定类型的事件，浏览器就会调⽤事件源所绑定的处理程序进⾏事件处理。
所以事件处理涉及的⼯作包括事件处理程序的定义及其绑定。
在 Web 页⾯中，⽤户可进⾏的操作有很多，⽽每⼀种操作都将产⽣⼀个事件。
下⾯给⼤家介绍⼀下javascript常⽤事件。
JavaScript 常⽤事件事件描述⿏标事件 click ⽤户单击⿏标时触发此事件dblclick ⽤户双击⿏标时触发此事件mousedown ⽤户按下⿏标时触发此事件mouseup ⽤户按下⿏标后松开⿏标时触发此事件mouseover 当⽤户将⿏标的光标移动到某对象范围的上⽅时触发此事件mousemove ⽤户移动⿏标时触发此事件mouseout 当⽤户⿏标的光标离开某对象范围时触发此事件mousewheel 当滚动⿏标滚轮时发⽣此事件,只针对 IE 和 Chrome 有效DOMMouseScroll 当滚动⿏标滚轮时发⽣此事件，针对标准浏览器有效键盘事件 keypress 当⽤户键盘上的某个字符键被按下时触发此事件keydown 当⽤户键盘上某个按键被按下时触发此事件keyup 当⽤户键盘上某个按键被按下后松开时触发此事件窗⼝事件 error 加载⽂件或图像发⽣错误时触发此事件load 页⾯内容加载完成时触发此事件resize 当浏览器的窗⼝⼤⼩被改变时触发此事件unload 当前页⾯关闭或退出时触发此事件表单事件 blur 当表单元素失去焦点时触发此事件click ⽤户单击复选框、单选框、普通按钮、提交按钮和重置按钮等按钮时触发此事件change 表单元素的内容发⽣改变并且元素失去焦点时触发此事件focus 当表单元素获得焦点时触发此事件reset ⽤户单击表单上的重置按钮时触发此事件select ⽤户选择了⼀个 input 或 textarea 表单元素中的⽂本时触发此事件submit ⽤户单击提交按钮提交表单时触发此事件。
Javascript中click与blur事件的顺序详析
Javascript中click与blur事件的顺序详析⼀、现象最近在开发中碰到了⼀个需求，具体需求如下图。
这是⼀个很常见的需求，input框负责在点击回车和失焦的时候确认输⼊。
button负责清除输⼊，input绑定代码为：input.addEventListener('blur',function(){console.log('input blur');});input.addEventListener('keyup',function(){console.log('input keyup');});"X"绑定的代码为：button.addEventListener('click', function(e){console.log('button click');});尝试着执⾏代码，并按照先输⼊再点击按钮取消的操作，结果如下：可以看到，input blur在button的click之前触发了，这就导致取消操作其实并没有起到作⽤。
同时，也能发现事件的执⾏顺序为(input-blur) -> (button-click);⼆、解决⽅案1最简单的解决⽅案为：将button的时间换成onmousedown事件，可以得到如下结果：事件顺序正确了，但是这种解决⽅式有两个问题：a）⽆法在按下按钮后取消点击b）控制blur是否执⾏，需要额外的代码那么有⽊有进⼀步解决⽅案呢？三、解决⽅案2对button同时绑定mousedown和blur事件即可，具体代码和执⾏结果如下：button.addEventListener('mousedown', function(e){console.log('button mousedown');e.preventDefault();});button.addEventListener('click', function(e){console.log('button click');input.blur();});这样的⽅式，就克服了第⼀种⽅案的两个弊端，也完美的解决了需求。
js中event的用法
js中event的用法在JavaScript中，事件（event）是指用户与网页或应用程序进行交互时发生的动作或操作。
通过捕捉事件，我们可以执行一些特定的代码来响应用户的操作。
在本文中，我们将介绍JS中事件的基本概念、事件的类型、事件监听器的使用、事件对象的属性和方法以及一些常见的事件示例。
事件的基本概念：在Web开发中，事件是指由用户执行的动作，比如点击鼠标、按下键盘、滚动页面等。
当这些事件发生时，我们可以捕捉并执行一些与之相关的代码。
事件可以在浏览器内部和页面元素之间进行传递。
在JS中，每个事件都有一个对应的事件处理器（event handler），用于处理该事件发生时要执行的代码。
事件的类型：在JS中，有各种各样的事件类型，可以满足不同的需求。
常见的事件类型包括：- 鼠标事件：比如点击（click）、双击（dblclick）、移动（mousemove）、进入（mouseover）和离开（mouseout）等。
- 键盘事件：比如按下一些键（keydown）或释放一些键（keyup）等。
- 表单事件：比如提交表单（submit）、改变输入内容（change）等。
- 页面事件：比如页面加载完成（load）、页面滚动（scroll）、窗口大小改变（resize）等。
- 多媒体事件：比如视频播放（play）和音频暂停（pause）等。
事件监听器的使用：要捕捉事件并执行相应的代码，我们可以使用事件监听器（event listener）或事件处理器。
事件监听器用于“监听”特定的事件，并指定当事件发生时要执行的代码。
在JS中，我们可以使用addEventListener(方法来添加事件监听器。
该方法接受三个参数：事件名称、事件处理函数和一个可选的布尔值，用于指定事件的传播方式。
下面是一个例子，展示如何使用addEventListener(方法来添加一个鼠标点击事件监听器：```javascriptdocument.addEventListener('click', functioalert('鼠标点击了页面！');});```事件对象的属性和方法：在事件处理函数中，我们可以通过事件对象（event object）来访问和操作事件的属性和方法。
JS之onunload、onbeforeunload事件详解
JS之onunload、onbeforeunload事件详解简介onunload，onbeforeunload都是在刷新或关闭时调⽤，可以在<script>脚本中通过 window.onunload来调⽤。
区别在于onbeforeunload在onunload之前执⾏，它还可 以阻⽌onunload的执⾏。
onbeforeunload 是正要去服务器读 取新的页⾯时调⽤，此时还没开始读取；⽽onunload则已经从服务器上读到了需要加载的新的页⾯，在即将替换掉当前页⾯时调⽤。
onunload事件onunload 事件在⽤户退出页⾯时发⽣。
onunload 发⽣于当⽤户离开页⾯时发⽣的事件(通过点击⼀个连接，提交表单，关闭浏览器窗⼝等等。
)注意： onunload 事件同样触发了页⾯载⼊事件(+ onload 事件)。
语法直接使⽤在html中：<body onload="SomeJavaScriptCode">注：以下 HTML 标签⽀持 onunload :<body>, <frameset>JavaScript 中:window.onunload=function(){SomeJavaScriptCode};例⼦：//JS documentwindow.onunload = function(){alert("unload is work");}浏览器兼容情况IE浏览器 页⾯跳转、刷新页⾯能执⾏，但关闭浏览器不能执⾏；firefox 页⾯跳转能执⾏，但刷新页⾯、关闭浏览器不能执⾏；Safari 刷新页⾯、页⾯跳转，关闭浏览器都会执⾏；Opera、Chrome任何情况都不执⾏。
如图所⽰：⼤体⼀句话描述：IE, Firefox, 和 Safari ⽀持 onunload 事件, 但是 Chrome 或者 Opera 不⽀持该事件。
39-事件简介--JavaScript基础
方式二：先单独定义函数，再绑定
<div id="box1" ></div>
<script type="text/javascript"> var div1 = document.getElementById("box1"); //绑定事件的第二种方式 div1.onclick = fn; //注意，这里是fn，不是fn()。fn()指的是返回值。 //单独定义函数 function fn() { alert("我是弹出的内容"); }
<style> #box1 { width: 100px; height: 100px; background-color: pink; cursor: pointer; }
</style> </head>
<body>
<div id="box1" ></div>
<script type="text/javascript"> var div1 = document.getElementById("box1"); //点击鼠标时，原本粉色的div变大了，背景变红了 div1.onclick = function () { div1.style.width = "200px"; //属性值要写引号
事件举例：京东顶部广告栏
比如上面这张图，当鼠标点击右上角的 X 时，关掉整个广告栏，这就要用到事件。
代码实现如下：
<!DOCTYPE html> <html> <head lang="en">
javascript监听页面刷新和页面关闭事件方法详解
javascript监听页⾯刷新和页⾯关闭事件⽅法详解在我们的⽇常⽣活中，时常遇到这么⼀种情况，当我们在点击⼀个链接、关闭页⾯、表单提交时等情况，会提⽰我们是否确认该操作等信息。
这⾥就给⼤家讲讲javascript的onbeforeunload()和onunload()两个事件。
相同点:两者都是在对页⾯的关闭或刷新事件作个操作。
不同点：1. unbeforeunload（）事件执⾏的顺序在onunload()事件之前发⽣。
(因为，unbeforeunload()是在页⾯刷新之前触发的事件，⽽onubload()是在页⾯关闭之后才会触发的)。
2. unbeforeunload（）事件可以禁⽌onunload()事件的触发。
3. onunload()事件是⽆法阻⽌页⾯关闭的。
4. 浏览器的兼容onunload:IE6，IE7，IE8 中刷新页⾯、关闭浏览器之后、页⾯跳转之后都会执⾏；IE9 刷新页⾯会执⾏，页⾯跳转、关闭浏览器不能执⾏；firefox(包括firefox3.6) 关闭标签之后、页⾯跳转之后、刷新页⾯之后能执⾏，但关闭浏览器不能执⾏；Safari 刷新页⾯、页⾯跳转之后会执⾏，但关闭浏览器不能执⾏；Opera、Chrome 任何情况都不执⾏。
onbeforeunload:IE、Chrome、Safari 完美⽀持Firefox 不⽀持⽂字提醒信息Opera 不⽀持IE6,IE7会出现bug ⽰例代码:onbeforeunload()：⽅式⼀:html元素中添加<!DOCTYPE html><html><head><meta charset="utf-8"><title></title></head><body onbeforeunload="return myFunction()"><p>该实例演⽰了如何向 body 元素添加 "onbeforeunload" 事件。
JavaScriptonclick事件使用方法详解
JavaScriptonclick事件使⽤⽅法详解onclick是⼀个事件，当事件被触发时就会执⾏处理，onclick是⼀个处理⿏标点击的事件。
本篇⽂章就给⼤家分享关于JavaScript中onclick事件的⽤法。
我们⾸先来看⼀下onclick事件的语法以下是如何使⽤onclick事件编写。
使⽤document.getElementById（）在⽂档中指定id元素，并使⽤function(){}处理单击该元素时发⽣的事件。
document.getElementById("button").onclick = function() {// 设置在此处单击#button时要发⽣的事件};我们来看具体的⽰例以下是使⽤onclick事件的⽰例。
单击按钮时更改⽂字HTML代码<div><p>点击</p></div>CSS代码#text-button {display: block;cursor: pointer;width: 160px;text-align: center;border: 1px solid #232323;}JavaScript代码document.getElementById("text-button").onclick = function() {document.getElementById("text").innerHTML = "我点击了！";};浏览器上显⽰结果如下当点击这个⽅框后，就会显⽰如下效果：⽅框中⽂字改变了点击⽅框时，⽅框背景颜⾊改变HTML代码<div id="square-button"></div>CSS代码#square-button {width: 80px;height: 80px;background: #232323;}#square-button.blue {background: #21759b;}JavaScript代码document.getElementById("square-button").onclick = function() {this.classList.toggle("blue");};浏览器上显⽰如下效果：是⼀个⿊⾊的⽅框当点击这个⽅框后，颜⾊就会改变，显⽰效果如下显⽰表单中输⼊的内容HTML代码<p>你叫什么名字？</p><input type="text" id="name"><button type="button" id="form-button">输⼊</button><div id="form-text"></div>CSS代码:focus {outline: 1px solid #666;}input[type="text"] {margin: 0 0 15px;padding: 8px 10px;border: 1px solid #d0d1d3;}button {padding: 8px 15px;background: #979380;color: #fff;border: none;}JavaScript代码document.getElementById("form-button").onclick = function() {document.getElementById("form-text").innerHTML = "你好 " + document.getElementById("name").value + " 同学！"; }浏览器上显⽰效果如下当你在⽂本框中输⼊⼀个名字，⽐如张三，然后点击输⼊将会显⽰如下效果以上就是本⽂的全部内容，希望对⼤家的学习有所帮助，也希望⼤家多多⽀持。
JavaScriptonkeypress事件入门实例（按下或按住一个键盘按键）
JavaScriptonkeypress事件⼊门实例（按下或按住⼀个键盘按键）JavaScript onkeypress 事件⽤户按下或按住⼀个键盘按键时会触发 onkeypress 事件。
注意：onkeypress 事件与事件有些细微差别，onkeypress 事件不做相应功能键按下的处理。
具体可将下⾯的⽰例更改为onkeydown 事件后，可输⼊ !@#$ 等特殊字符即可体会出⼆者之间的差别。
提⽰Internet Explorer/Chrome 浏览器使⽤ event.keyCode 取回被按下的字符，⽽ Netscape/Firefox/Opera 等浏览器使⽤event.which。
利⽤ onkeypress 事件只允许输⼊数字下⾯是⼀个利⽤ onkeypress 事件只允许⽤户在表单域输⼊数字的例⼦：复制代码代码如下:<html><head><script>function checkNumber(e){var keynum = window.event ? e.keyCode : e.which;//alert(keynum);var tip = document.getElementById("tip");if( (48<=keynum && keynum<=57) || keynum == 8 ){tip.innerHTML = "";return true;}else {tip.innerHTML = "提⽰：只能输⼊数字！";return false;}}</script></head><body><div>请输⼊数字：<input type="text" onkeypress="return checkNumber(event);" /><span id="tip"></span></div></body></html>event.keyCode/event.which 得到的是⼀个按键对应的数字值（Unicode 编码），常⽤键值列于事件⼀节中。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
事件驱动
JavaScript事件驱动中的事件是通过鼠标或热键的动作引
发的。它主要有以下几个事
件：
onblur 事件
onchange 事件
onclick 事件
onerror 事件
onload 事件
onmousedown 事件
onmouseout 事件
onmouseover 事件
onmouseup 事件
onreset 事件
onunload 事件
onsubmit 事件
onresize 事件
onblur 事件
发生在窗口失去焦点的时候。
应用于：window 对象
onchange 事件
发生在文本输入区的内容被更改，然后焦点从文本输入区移
走之后。捕捉此事件主要
用于实时检测输入的有效性，或者立刻改变文档内容。
应用于：Password 对象；Select 对象；Text 对象；Textarea
对象
onclick 事件
发生在对象被单击的时候。单击是指鼠标停留在对象上，按下鼠
标键，没有移动鼠标
而放开鼠标键这一个完整的过程。一个普通按钮对象（Button）
通常会有 onclick 事件处理程序，因为这种对象根本不能从用
户那里得到任何信息，没有 onclick 事件处理程序就等于摆设。
按钮上添加 onclick 事件处理程序，可以模拟“提交按钮”，方
法是：在事件处理程序中更改表单的 action, target, encoding,
method 等一个或几个属性，然后调用表单的 submit() 方法。
在 Link 对象的 onclick 事件处理程序中返回 false 值
（return false），能阻止
浏览器打开此连接。即，如果有一个这样的连接：href="http://www.abc.com"
onclick="return false">Go!，那么无论用户怎样点击，都
不会去到 www.abc.com 网
站，除非用户禁止浏览器运行 JavaScript。
应用于：Button 对象；Checkbox 对象；Image 对象；Link 对
象；Radio 对象；
Reset 对象；Submit 对象
onerror 事件
发生在错误发生的时候。它的事件处理程序通常就叫做“错误处
理程序”(Error
Handler)，用来处理错误。要忽略一切错误，就使用：
function ignoreError() {
return true;
}
window.onerror = ignoreError;
应用于：window 对象
onfocus 事件
发生在窗口得到焦点的时候。
应用于：window 对象
onload 事件
发生在文档全部下载完毕的时候。全部下载完毕意味着不但
HTML 文件，而且包含的
图片，插件，控件，小程序等全部内容都下载完毕。本事件是
window 的事件，但是在
HTML 中指定事件处理程序的时候，我们是把它写在
中的。
应用于：window 对象
在body中使用onload事件
代码:
onmousedown 事件
发生在用户把鼠标放在对象上按下鼠标键的时候。参考
onmouseup 事件。
应用于：Button 对象；Link 对象
onmouseout 事件
发生在鼠标离开对象的时候。参考 onmouseover 事件。
应用于：Link 对象
onmouseover 事件
发生在鼠标进入对象范围的时候。这个事件和 onmouseout 事
件，再加上图片的预读，
就可以做到当鼠标移到图像连接上，图像更改的效果了。有时我
们看到，在指向一个连接
时，状态栏上不显示地址，而显示其它的资料，看起来这些资料
是可以随时更改的。它们
是这样做出来的：
onmouseover="window.status='Click Me Please!'; return
true;"
onmouseout="window.status=''; return true;">
应用于：Link 对象
onmouseup 事件
发生在用户把鼠标放在对象上鼠标键被按下的情况下，放开鼠标
键的时候。如果按下
鼠标键的时候，鼠标并不在放开鼠标的对象上，则本事件不会发
生。
应用于：Button 对象；Link 对象
onreset 事件
发生在表单的“重置”按钮被单击（按下并放开）的时候。通过
在事件处理程序中返
回 false 值（return false）可以阻止表单重置。
应用于：Form 对象
onresize 事件
发生在窗口被调整大小的时候。
应用于：window 对象
onsubmit 事件
发生在表单的“提交”按钮被单击（按下并放开）的时候。可以
使用该事件来验证表
单的有效性。通过在事件处理程序中返回 false 值（return
false）可以阻止表单提交。
应用于：Form 对象
onunload 事件
发生在用户退出文档（或者关闭窗口，或者到另一个页面去）的
时候。与 onload 一
样，要写在 HTML 中就写到
有的人用这个方法来弹出“调查表单”，以“强迫”来者填
写；有的就弹出广告窗
口，唆使来者点击连接。这种使用“onunload="open..."”的方
法很不好，有时甚至会因为
弹出太多窗口而导致资源缺乏。在用户想离开的时候又打开其他
内容是很讨厌的行为.
应用于：window 对象.