Как определить элемент, на котором находится событие onclick (или какое-то другое)
 

Есть такой html-код:
В функции show() определяется элемент, на котором был сделан клик

При клике на какой-либо тексте внутри тега <div> (если мы кликаем на текст "some text"),
то в переменную sourceElem заносится ссылка на тег <div>.

Если мы кликаем на текст внутри тега <span>, то в переменную sourceElem заносится ссылка на это тег <span>.
Как сделать, чтобы в переменную sourceElem всегда заносился элемент, на который навешано свойство onclick?

<div onclick="show(event, this)">

function show(event, element) {…

Всё гениально просто.

Кстати. А можно event поставить не на первое место, а, например, на второе? :write:

Можно.

Конечно можно.

Это если назначать обработчик события следующим образом:

element.onclick = show;

то браузер (кроме IE, в нем нужно использовать window.event) сам первым аргументом в show отправит event, а из атрибута:

onclick="show(event, this)"

браузер создает анонимную функцию, которая уже вызывает show:

element.onclick = function (event) {  show(this, event)  };

Рекомендую прочитать: http://javascript.ru/tutorial/events

Так поступают нормальные браузеры. IE же ничего никакими аргументами в обработчик события не передает. Но тут это играет на руку, т.к. переменная event - глобальная. Вот и получается, что в осле event берется из глобального неймпейса, а в нормальных браузерах - передается аргументом функции.

Если писать

element.onclick = function (event) {  show(this, event)  };

В явном виде, то будут проблемы в IE, т.к. event = undefined.