Возможно ли воссоздать событие onClick с использованием пользовательских событий в javascript?

Question

Я пытаюсь узнать о custom events, и мне стало любопытно. Не могли бы вы создать событие onClick дословно, но написанное в пользовательском событии?

ex. создать элемент:

<h1 id="clicky">click here</h1> 

Создать пользовательское событие, которое так же, как событие щелчка?

obj = document.getElementById('clicky'); 

obj.addEventListener("fakeClick", function(e) { console.log(e.detail) }); 


var event = new CustomEvent("fakeClick", { 
    detail: { 
    hazcheeseburger: true 
    } 
}); 

obj.dispatchEvent(event); 

Херес JSFiddle

Answer 1

это зависит от того, что вы имеете в виду, сделав его "такой же, как событие щелчка. Пользовательский огонь события соответствует соответствующему элементу Dom при вызове dispatchEvent (как то, что вы делали выше). Таким образом, в основном, если u отправляет пользовательское событие в обработчик события щелчка, тогда он в основном имитирует событие щелчка, но, похоже, для этого не так много причин.

p.s. Ошибка у меня из скрипки, потому что у не определила функцию process, что и вызываются в обработчике события fakeClick

========== больше деталей =========

Что я имел в виду, так это то, что вы можете использовать настраиваемое событие следующим образом, чтобы «имитировать» событие click, но это действительно не служит цели, поскольку вы можете прямо использовать событие click для браузера.

var event = new CustomEvent("fakeClick", { 
    detail: { 
    hazcheeseburger: true 
    } 
}); 

obj = document.getElementById('clicky'); 

obj.addEventListener("click", function() { 
    this.dispatchEvent(event); 
}); 

obj.addEventListener("fakeClick", function(e) { console.log(e.detail) });