В чем разница между двумя способами подключения события?

Question

[yavaskript]

Какой способ подключения события предпочтительнее? И почему?

object.onmousedown = function(){myScript};
или
object.addEventListener("mousedown", myScript);

Единственное отличие, которое я знаю - это то, что второй способ не сработает в некоторых версиях IE. А какая еще разница между ними?

Answer 1

[Пашенька]

Разница в том, что в первом случае вы можете установить всего один обработчик данного типа на элемент. Если попробуете таким образом "добавить" ещё один обработчик, то он просто перезапишет первый.

Во втором случае обработчик добавляется (о чём, собственно, и повествует наименование метода) вне зависимости от того есть на элементе обработчик этого же типа события или нет.

Comments

[Владимир]

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

[Пашенька]

Владимир, Элементы тоже просто так не удаляются из DOM, если на них есть ссылка. Выгоднее всегда вешать один лисэнер и использовать делегирование.