简单介绍一下什么是javascript事件,常见的javascript事件包括

　　本文带给您一些关于javascript的知识，包括对事件的简要总结。事件是文档或浏览器窗口中一些特定的交互时刻。下面就让我们一起来看看，希望对你有所帮助。

　　【相关推荐：javascript视频教程，web前端】

　　事件是文档或浏览器窗口中一些特定的交互时刻。JavaScript和HTML的交互是通过事件实现的。对于Web应用来说，有以下几种代表性的事件：点击事件、鼠标移入移出事件、键盘按下/弹出事件等等。事件是文档或浏览器窗口中一些特定的交互时刻。您可以使用侦听器(或事件处理程序)来订阅事件，以便在事件发生时可以执行相应的代码。

　　下面是一些常见的事件：文档加载事件、事件对象、事件冒泡、事件委托、事件绑定、事件传播和键盘事件。

　　文档加载事件(onload):onload事件将在整个页面加载完毕后触发。如图所示使用：

　　从性能上来说，写在页面底部更好！在页面底部写js代码是为了确保代码执行时页面已经加载。Window.onload在页面上只能出现一次，后面的代码会覆盖前面的代码。

　　事件：事件发生后，会生成一个事件对象，并作为参数传递给monitor函数。具体表现就是我们在回调函数中传入一个事件参数，这个参数的值是JS自动传入的。这个事件对象将包含这个事件的所有相关信息，包括什么事件(鼠标/键盘)，事件的触发器，事件的目标等。

　　当DOM对象上的一个事件被触发时，将会生成一个event object事件，其中包含了所有事件的信息。包括引起事件的元素、事件的类型以及与特定事件相关的其他信息。标准的DOM浏览器会将一个事件对象传递给事件处理程序。无论事件处理程序是什么，都会传入一个事件对象。Event对象包含与创建它的特定事件相关的属性和方法。触发事件的类型不同，可用的属性和方法也不同。下面简单说说如图所示的鼠标/键盘事件：

　　IE中的事件对象与DOM中的事件对象不同。根据指定事件处理程序的方法，有几种不同的方法来访问IE中的事件对象。在IE中，如果事件对象是作为窗口对象的一个属性存在的，那么可以使用window.event来获取事件对象。当使用attachEvent()时，还会在处理程序中传递一个事件对象，也可以按照前面的方式使用。这里有一个案例来说明：当鼠标在box box上方时，下面的P标签显示的是鼠标的当前坐标。

　　效果图：

　　代码图：

　　事件泡沫：所谓泡沫，是指事件向上传递。当后代元素上的事件被触发时，其祖先元素的相同事件也将被触发。在大多数情况下，冒泡在开发中是有用的。如果不希望冒泡发生，可以通过事件对象取消冒泡。CancelBubble=true。

　　效果图：

　　代码图：

　　事件委托：是指将事件统一绑定到元素的共同祖先元素上，这样当后代元素上的事件被触发时，就会一路冒泡到祖先元素上，这样就可以通过祖先元素的响应函数来处理事件。事件委托利用冒泡，可以减少事件绑定次数，提高程序性能。事件的属性目标：返回触发此事件的元素(事件的目标节点)。

　　案例：

　　效果图：

　　代码图：

　　事件绑定：我们可以通过两种常见的方式为元素绑定事件处理程序：通过指定HTML元素的事件属性；由DOM对象指定的属性绑定。还有一种特殊的方式，我们称之为设置事件监听器，element对象：addEventListener()。前两种方法可以绑定事件处理程序，但都有一个缺点，就是只能绑定一个程序，而不能为一个事件绑定多个程序。AddEventListener()，通过它还可以为元素绑定响应函数。使用addEventListener()为一个元素的同一个事件同时绑定多个响应函数。当这样的事件被触发时，响应函数将按照函数的绑定顺序执行。此方法不支持IE8和更低版本的浏览器，因此应改用attachEvent。AttachEvent()，可用于绑定IE8中的事件。该方法也可以同时为一个事件绑定多个处理函数，但不同的是，它是后绑定，先执行，执行顺序与addEventListener()相反。

　　事件传播：事件传播可以分为三个阶段：捕获阶段——在捕获阶段，事件从最外层的祖先元素被捕获到目标元素，但默认不会触发事件；目标阶段——事件捕获目标元素，捕获后在目标元素上触发事件；冒泡阶段——事件从目标元素传递到它的祖先元素，从而触发祖先元素上的事件。

　　键盘事件：onkeydown:键盘被按下的事件。如果你一直按住一个键不放开，这个事件就会一直被触发。当onkeydown事件被连续触发时，第一次和第二次的间隔会稍微长一点，其他的会很快。这是为了防止误操作的发生。Onkeyup:释放键盘的事件。键盘事件通常被绑定到一些可以获得焦点或文档的对象上…….

　　【相关推荐：javascript视频教程，web前端】以上是对JavaScript事件细节的简单总结。更多请关注我们的其他相关文章！

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。