Правильное оформление вызова javascript-функций

Question

[ilya_compman]

Как правильно оформлять вызов функции (js) при клике по ссылке, кнопке или любом другом элементе. Давным-давно меня научили писать вызов в onclick(), но я видел несколько других вариантов этого действа.

Поэтому хочется узнать, как же всё-таки наиболее верно это делать?

Answer 1

[npFly]

Верно — это когда работает, если тебя интересует техника Unobtrusive Javascript, то советую подучить DOM, начиная со второго уровня, там описанны события. Есть свои тонкость и камни, например нестандартная имплементация в Microsoft Internet Explorer. Но ещё раз повторюсь: правельно и верно — это когда всё работает, а как ты это сделал никому не интересно!

Answer 2

[Borro]

document.getElementById('elementId').onclick = function(event) {
    event = event || window.event;
   ...
}

Comments

[Borro]

По теме
Про Javascript в целом.

[ainu]

Нехорошо, а если 2 обработчика?

[Borro]

Тогда element.attachEvent( «on»+имя события, обработчик) в ИЕ, а element.addEventListener( имя_события, обработчик, фаза) для остальных браузеров, что опять же доступно по ссылке javascript.ru/tutorial/events/intro#reshenie-microsoft,
либо использовать сторонние библиотеки, например JQuery.

[Borro]

Тогда:

//универсальная функция
function addEvent(element, event, handler) {
	if(-[1,]){
		return element.addEventListener(event, handler, false);
	} else {
		return element.attachEvent('on'+event, handler);
	}
}

//тестирование
addEvent(document.getElementById('test'), 'click', function(event) {
	 event = event || window.event;
	 alert(event);
})

addEvent(document.getElementById('test'), 'click', function(event) {
	 event = event || window.event;
	 alert(2);
})

Answer 3

[SSoft]

1. Вешать событие на селектор
2. onclick
3. Для ссылок можно и так: href=«javascript:funcName()»

Comments

[B@rmaley.e><e]

javascript.ru/unsorted/why_href_js_is_bad

Answer 4

[striker_vlad]

наиболее верно описывать элементы селекторами и вешать обработчики

Answer 5

[Иван GiBSON]

Можно подсмотреть в библиотеке JQuery как там реализован вызов функций на события типа click, change и т.д.