Есть ли способ получить доступ к событию JavaScript внутри атрибута onclick?

Question

Предположим, мне нужно написать обработчик onclick в атрибуте , например:

<a href='#' onclick='DoSomething(); event.stopPropagation(); return false;'>
    ...</a>

Я знаю, что это дурной тон, но предположим, что на данный момент мне нужно использовать атрибут.

К сожалению event не определено. Я попытался e, и это тоже не определено. Есть ли способ получить доступ к объекту события внутри атрибута или любой другой способ остановить распространение события?

Answer 1

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

function DoSomething(event) {
    event = event || window.event;
    event.stopPropagation();
    // Do useful work.
    return false;
}

А затем настройте onclick следующим образом:

<a href="javascript:void(0)" onclick="DoSomething(event)">

Я также переключаюсь на javascript:void(0), чтобы у вас не возникало обычных проблем "#, интерпретируемых как фрагмент страницы".

Answer 2

Полагаю, вам нужно передать его в саму функцию, например:

<a href='#' onclick='DoSomething(event); return false;'>...</a>

function DoSomething(event){
    event.stopPropagation(); 
}

Answer 3

В зависимости от браузера, event создание и обработка обрабатываются по-разному.

IE создает объект глобального события, когда происходит щелчок. FF не создает объект global event, но передает его функции в качестве первого аргумента.

Но в вашем случае простое изречение return false отменит действие ссылки (если это то, что вы намереваетесь сделать).

<a href='#' onclick='DoSomething(); return false;'>    ...</a>