通常,事件处理的命名原则是,在事件名称前面加上前缀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。