При создании кастомного события нужно помнить, что если в названии события есть точка,
то такое событие не будет работать в jquery.on().
Тоесть, если вызвать событие:
document.getElementById('myDiv').dispatchEvent(new CustomEvent('myEvent'));
то
document.getElementById('myDiv').addEventListener('myEvent', function (e) {
// работать будет
});
и
$('#myDiv').on('myEvent', function (e) {
// работать будет
});
Но:
document.getElementById('myDiv').dispatchEvent(new CustomEvent('my.Event'));
document.getElementById('myDiv').addEventListener('my.Event', function (e) {
// работать будет
});
а в jquery
$('#myDiv').on('my.Event', function (e) {
// работать НЕ будет
});