Как создать пользовательское событие в javascript?

Question

Я хочу создать свой собственный javascript. Есть ли возможность создать собственное событие так же, как щелчок, наведите курсор мыши. Я хочу событие, которое действительно работает. Как создание события, которое будет срабатывать, когда пользователь нажимает кнопку отмены/удаления.

Answer 1

См https://developer.mozilla.org/en-US/docs/Web/API/CustomEvent и https://davidwalsh.name/customevent

var myElement = document.querySelector('p'); 
 

 
myElement.addEventListener("userLogin", function(e) { 
 
    console.info("Event is: ", e); 
 
    console.info("Custom data is: ", e.detail); 
 
}); 
 

 
var myEvent = new CustomEvent("userLogin", { 
 
    detail: { 
 
    username: "davidwalsh" 
 
    } 
 
}); 
 

 
// Trigger it! 
 
myElement.dispatchEvent(myEvent);

<p>Custom Event Element</p>

Answer 2

Создание прослушивателя событий в JavaScript требует делать две вещи: (1) выбор элемента для "привязки" прослушиватель к и (2) добавление прослушиватель событий:

// add event listener to table 
var el = document.getElementById("#myElement"); 
el.addEventListener("click", function() { 
    alert('element clicked!'); 
}); 

Эта конкретная реализация будет выполнять функцию когда щелкнут элемент с ID myElement.

Просмотрите страницу MDN на странице event listeners для получения дополнительной информации.

---

Поскольку вопрос касался «пользовательских» событий, вы можете создавать пользовательские события JavaScript следующим образом.

var event = new Event('build'); 

// Listen for the event. 
var el = document.getElementById("#myElement"); 
el.addEventListener('build', function (e) { ... }, false); 

// Dispatch the event. 
el.dispatchEvent(event); 

Вы можете прочитать больше о пользовательских JS событий here.