function doSomething(e) {
if (!e) var e = window.event
// e refers to the event
// this refers to the HTML element which currently handles the event
// target/srcElement refer to the HTML element the event originally took place on
}
target/srcElement属性包含一个最初事件发生的HTML元素的引用。非常有用，但是当事件被捕获或者冒泡了他依然是那个最初发生事件的元素不会改变。
读取属性
在读出一些有趣的事件属性(event properties)这个问题上，是浏览器兼容最不好的部分。学习这个兼容性列表,然后写出你自己的代码来获取你需要的信息。
确定总是使用最仔细的对象检查。首先确定每一个属性是否存在，然后再读取他的值。比如：
复制代码 代码如下:
function doSomething(e) {
if (!e) var e = window.event
if (e.keyCode) code = e.keyCode;
else if (e.which) code = e.which;
}
现在code就包括了所按下的键，并且兼容所有的浏览器。
事件顺序
最后，你需要决定你是否希望事件冒泡。如果不希望发生事件冒泡，那么就阻止他：
复制代码 代码如下:
function doSomething(e) {
if (!e) var e = window.event
// handle event
e.cancelBubble = true;
if (e.stopPropagation) e.stopPropagation();
}
写代码
现在你可以开始写事件处理程序的代码了。通过前面的代码和信息，可以让你知道事件什么时候发生，你的代码应该做怎样的回应。记住：让交互更有逻辑性要么你的用户不会理解发生了什么。