Почему левый клик слушает а правый нет?

Question

[Робот]

Код: https://jsfiddle.net/rk1kscra/ если лень смотреть вот копия:

<div id="left"></div>
<div id="right"></div>

// Слушаем левый клик мышки
document.onclick = function(e)
{
	if (!e) e = window.event;
  document.getElementById('left').innerHTML='левый клик';
}

// Слушаем правое нажатие мышки
document.mousedown = function(e)
{
	if (!e) e = window.event;
  document.getElementById('right').innerHTML=
  'правая кнопка';
}

P.S. У меня нет цели запретить правый клик (нажатие строго говоря а не клик), хочу его координаты потом получить, но сначала надо его как-то увидеть...

Опирался я на учебник и так такое объяснение:

Простые события
mousedown
Кнопка мыши нажата над элементом.

Или они умолчали что mousedown тоже только на ЛКМ распространяется?

Answer 1

[amatory10]

не mousedown, а onmousedown

Comments

[Робот]

Блин, ну как так учебники пишут, там же просто mousedown https://learn.javascript.ru/mouse-clicks ((

[amatory10]

Робот: mousedown это когда передается в addEventListener, а когда непосредственно в элементе то необходимо добавлять on

[Котик Антон]

Робот: Учебники пишут нормально. Читать нужно внимательнее, не пропуская ничего:
Можно назначать обработчик, используя свойство DOM-элемента on<событие>.
https://learn.javascript.ru/introduction-browser-events

[VZVZ]

Робот: в дальнейшем надо смотреть консоль в браузере. Туда сыплются ошибки JS. Здорово помогает. Или использовать IDE, которая умеет выявлять ошибки.

[Робот]

VZVZ: да но на jsfidle вроде нет консоли... к тому же бывает пишет undefined как в этом вопросе Как получить свойство CSS на JS? или переменная не определена, да это я и так виду, но почему?

[VZVZ]

Робот: jsfiddle я не пользуюсь, но думаю, что там должна быть консоль, просто надо ее поискать или включить. В вашем случае именно mousedown будет undefined, откуда напрямую следует, что вы неправильно написали имя события.

Answer 2

[profesor08]

Привыкайте к addEventListener

document.addEventListener("mousedown", function(e) 
{
	document.getElementById('right').innerHTML= 'правая кнопка';
});