JavaScript事件总结

通常，事件处理的命名原则是，在事件名称前面加上前缀on，例如对于click事件，就是onclick。

事件，就是文档或浏览器窗口中发生的一些特定的交互瞬间，JavaScript 与 HTML 之间的交互是通过事件实现的。

鼠标点击事件中的单击事件，单击事件可以说是JavaScript最常用的事件了。对于 Web 应用来说，有下面这些代表性的事件：单击事件、鼠标移入移出事件、键盘按下/弹起事件等等。

//在页面上添加一个按钮

var btn = document.getElementById(“btn”)//获取btn

btn.onclick = function(){//给按钮添加点击事件。

alert(“hello world”);//通过单击按钮弹窗hello world

}

浏览器在加载一个页面时，是按照自上而下的顺序加载的读取到一行的时候就运行一行，如果将script标签写在上面，在执行代码时，页面还没有加载。

事件对象：当事件的响应函数被触发时，浏览器每次都会将一个事件对象作为实参传递传递进响应函数,在事件对象中封装了当前事件相关的一切信息，比如：鼠标的坐标
键盘那个按键被按下，鼠标滚轮滚动的方向。

event=event||window.event;

var X=event.clientX;

var Y=event.clientY;

txt.innerHTML=“X=”+X+"
Y="+Y;

事件传播，关于事件的传播网景公司和微软公司有不同的理解，微软公司认为事件应该是由内向外传播，也就是当事件触发时，应该先触发     当前元素上的事件，然后再向当前元素的祖先元素上传播，也就说事件应   该在冒泡阶段执行。

在JS中当一个事件发生以后，它会在不同的DOM节点之间传播，这种传播分成三个阶段，第一个阶段，从window对象传导到目标节点，称为捕获阶段，第二阶段，在目标节点上触发，称为目标阶段，第三阶段，从目标阶段传导，导回window对象，称为冒泡阶段。事件传播的最上层对象是window，事件的传播顺序，在捕获阶段依次为window、document、html、body、div；在冒泡阶段一次为div、body、html、document、window。