Просто указать ретранслируй отсюда-суда нельзя. Поэтому вариантов решения проблемы куча. Например, не навешивать обработчик на канвас (
.addEventListener), а вызывать нужный метод из обработчика картинки. Или инициализировать другое событие и вызывать его у канвы. Тип того:
<style>
div { position: absolute; height: 200px; width: 200px; }
</style>
<div id="lowerDiv"></div>
<div id="topDiv"></div>
<script>
lowerDiv.addEventListener("click", function (event){
alert(event.type);
});
topDiv.addEventListener("click", function (event){
lowerDiv.dispatchEvent(new MouseEvent("click", event));
});
</script>
Но в примере используется
MouseEvent с проблемами кроссбраузерности. Объяснять кроссбраузерный вариант долго: гугли
document.createEvent.
Либо, если у тебя jQuery, то используй метод
.trigger.
В общем, вариантов много. Думай сам.