Кроссбраузерные события

document.onmousedown=function(e){
var evt=window.event || e 
alert(evt.button)
}

  Если вы хотите определить, когда была нажата правая кнопка мыши, чтобы подавить дефолтное контекстном меню браузера, вы просто делаете return false; внутри событий 'OnClick' или 'OnMouseDown'. В результате эти события подавляются. Т.е. сами события не происходят. Это не всегда приемлемо. Вместо этого лучше использовать oncontextmenu:

document.oncontextmenu=function(){
 return false //stops the browser context menu from appearing on right click
}

Предотвращает пузырьковое распространение события. Т.е. когда вы нажимаете на элемент, событие передается его родителю и так далее пока не дойдет до window.  В браузерах, отличных от IE, нужно использовать event.stopPropagation(). Перед тем как использовать этот метод, неплохо бы проверить на его существование:

function preventbubble(e){
 if (e && e.stopPropagation) //если метод stopPropagation поддерживается 
  e.stopPropagation()
 else
  event.cancelBubble=true
}

Возвращает координаты мыши в момент события по отношению к верхнему левому углу окна. Эти два свойства идентичны в W3C / модели событий, а также Firefox. В следующем примере отображается в строке состояния текущие координаты мыши, и как она движется:

document.onmousemove=function(e){
 var evt=window.event || e //Кроссбраузерный объект события браузера 
 window.status=evt.clientX+" : "+evt.clientY
}

Поле содержит Unicode представление для нажатой в данный момент клавиши на клавиатуре. Используя String.fromCharCode(keyCode) можно получить строковое представление

Возвращает координаты мыши относительно расположения (абсолютное или относительное) элемента. Если событие произошло за пределами расположения элемента, тогда используется верхний левый угол документа

Элемент на котором произошло событие, может отличаться от того элемента, который это событие обработал. К примеру есть divA и внутри него divB. Обработчик ставим на divA. Но получается, что мы сперва нажимаем на divb и пузырьком событие передается дальше по иерархии. Так вот event.target возвратит divB.

Firefox и другие современные браузеры не поддерживают "srcElement", но вместо этого имеют эквивалент e.target. Для выравнивания этой разницы между всеми браузерами, вы можете проверить, поддерживает ли объект поле e.target, если нет, то используем e.srcElement. Пример:

function myevent(e){
 var evt=window.event || e
 evt.target=evt.target||evt.srcElement
 //... производим некоторое действие
}

те же

altKey, ctrlKey, metaKey, shiftKey

Возвращает координаты мыши относительно верхнего левого угла видимой страницы на момент события.

Что эквивалентно:

pageX: window.pageXOffset + e.clientX

pageY: window.pageYOffset + e.clientY 

На событие "mouseover" свойство содержит указатель на элемент, который на который мышка пришла. На событие "mouseout" оно содержит ссылку на элемент с которого указатель ушел.

Поле "relatedTarget" (или "fromElement" и "toElement" в IE) используется для определения находится ли курсор мыши в данный момент в контейнере или уже покинула его. В связи с пузырьковым поведением событий, при наведении на любой элемент в контейнере или даже текст, произойдет событие "mouseout", и можно отследить как мышь переходит от одного вложенного события к другому.

В следующем примере показан ID элемента в который мышь пришла и из которого мышь ушла,  между событиями "mouseover" или "mouseout", соответственно.

Демо: 

Исходный код:

<div id="outerdiv" style="width:130px; height:130px; border:1px solid black; background:black; padding:30px;">
<div id="innerdiv" style="width:80px; height:80px; border:1px solid black; background:white; padding:20px"></div>
</div>

<div id="statusfrom"></div>
<div id="statusto"></div>



<script type="text/javascript">

function showtofrom(e){
 var evt=window.event || e
 if (evt.type=="mouseover"){ // для события onmouseover
  var fromElement=evt.fromElement || evt.relatedTarget
  statusdiv1.innerHTML='Из элемента: ' + fromElement.id
 }
 else{ //для события onmouseout
  var toElement=evt.toElement || evt.relatedTarget
  statusdiv2.innerHTML='В элемент: ' + toElement.id
 }
}

var statusdiv1=document.getElementById("statusfrom")
var statusdiv2=document.getElementById("statusto")

document.body.onmouseover=showtofrom
document.body.onmouseout=showtofrom

</script>

Отменяет любые действия по умолчанию, связанный с событием. То же самое происходит, когда мы делаем return false в обработчике onclick элемента "a". В следующем примере отключается действие по умолчанию  всех ссылок на странице.

function disablelink(e){
 var evt=window.event || e
 if (evt.preventDefault) //поддерживает ли preventDefault?
  evt.preventDefault()
 else //для IE
  return false
}

var alllinks=document.getElementsByTagName("a")
for (var i=0; i<alllinks.length; i++){
 alllinks[i].onclick=disablelink
}

returnValue

Исключает событие из пузыря, т.е. предотвращает дальнейший ход волны события. В IE  event.cancelBubble=true делает тоже самое.

Рассмотрим divA, который содержит divB внутри. При привязке события click к divA и к divB, нажав внутри divB по умолчанию будет также вызвать событие за событием по восходящей, т.е. сначала для divB а затем к divB. Чтобы не допустить этого, вы можете вызвать stopPropagation() на узле divB, и событие, происходящие внутри него не продолжат путешествие вверх:

пример:

divB.onclick=function(e){
 if (e && e.stopPropagation) //если stopPropagation поддерживается
  e.stopPropagation()
 else
  event.cancelBubble=true
}