Почему не срабатывает preventDefault()?

Question

[GaserV]

Почему не срабатывает preventDefault()?

function showPopupOrder(event) {

	event.preventDefault();
	$('body').append('<div class="overlay"></div>').fadeIn("slow");
	$('.popup-order').fadeIn("slow");

}

Uncaught TypeError: Cannot read property 'preventDefault' of undefined

Answer 1

[Дмитрий Королёв]

Вы забыли передать событие в функцию.
onclick="showPopupOrder(event)"

Comments

[GaserV]

onclick="showPopupOrder(e)"

function showPopupOrder(e) {

e.preventDefault();
$('body').append('').fadeIn("slow");
$('.popup-order').fadeIn("slow");

}

[GaserV]

не работает.

[Дмитрий Королёв]

GaserV: в первой строке не e а event. Я же написал. https://jsfiddle.net/unzbenau/1/

[littleguga]

GaserV: не e, а глобальную переменную event в onclick передавайте, а в самой уже функции используйте другое название

[GaserV]

Дмитрий Королёв: почему если передавать и принимать "e" то не срабатывает, а если передавать event и принимать как "e" то срабатывает? Что за магия?)

[Дмитрий Королёв]

GaserV: магии никакой нет. Важно, что именно вы передаете в функцию. E - это хз что такое. event - это глобальный объект window.event. В самой функции буква e - это просто название входящего параметра, вы можете называть его как угодно. Хоть е, хоть glavryba, как угодно, всё равно этот параметр будет виден только внутри самой функции. Почитайте про замыкания.