5100 просмотра
3 ответа
414 Репутация автора
Я запускаю некоторые DOM-события с помощью jQuery triggerHandler()
<!DOCTYPE html>
<html>
<head>
<title>stackoverflow</title>
<script src="http://ajax.googleapis.com:80/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
</head>
<body>
<script>
$(document).ready(function() {
$(document).on('hey', function(customEvent, originalEvent, data) {
console.log(customEvent.type + ' ' + data.user); // hey stackoverflow
});
// how to this in vanilla js
$(document).triggerHandler('hey', [{}, {
'user': 'stackoverflow'
}])
});
</script>
</body>
</html>Как я могу вызвать это без JQuery?
Важно : мне нужно знать тип события и пользовательские данные
Автор: Christian Haller Источник Размещён: 27.04.2015 02:161 плюс
274 Репутация автора
Вы можете использовать пользовательские события и отправлять их по желаемому элементу.
Автор: Michał Szepielak Размещён: 27.04.2015 02:2315 плюса
13144 Репутация автора
Если вы хотите точную репликацию поведения jQuery, вам лучше всего покопаться в jQuery source code.
Если вы просто хотите выполнять обычную диспетчеризацию и прослушивание событий, узнайте, CustomEventкак отправить событие с пользовательскими данными и addEventListenerкак его прослушать.
Ваш пример, вероятно, будет выглядеть примерно так
document.addEventListener('hey', function(customEvent)
{
console.log(customEvent.type + ' ' + customEvent.detail.user); // hey stackoverflow
});
document.dispatchEvent(new CustomEvent('hey', {'detail': {'user': 'stackoverflow'}}));
-1 плюса
471 Репутация автора
Быстрый и простой способ:
$('#element').trigger("mycustomevent");
или для глобального события:
$(document).trigger("mycustomevent");
ловить это:
$('#element').on("mycustomevent", function(e){
// do something
});