从addEventListener（）调用函数 [英] Call a function from addEventListener()

问题描述

我有下一个代码，我无法调用ShowMedalMessage（）函数

I have the next code and I can't call ShowMedalMessage() function

var totalsounds = 3;
var currentsound = 1;
var audioElement = document.createElement('audio');
audioElement.setAttribute('src', 'notify.wav');
audioElement.setAttribute('autoplay', 'autoplay');
audioElement.addEventListener('ended', function() {
    if (currentsound < totalsounds) {
        this.currentTime = 0;
        this.play();
        currentsound = currentsound + 1;
    }
    ShowMedalMessage(1);
}, false);​

如果对该函数的调用是在对audioElement.addEventListener的调用之前，则它将正确调用，但如果行ShowMedalMessage（1）;在里面，它不起作用：（

If the call to the function is before to audioElement.addEventListener, it calls properly, but if the line ShowMedalMessage(1); is inside, it doesn't work :(

谢谢！

推荐答案

这在Chrome和Firefox中对我有用。

this worked for me in chrome and in firefox.

Hese是实时的示例

function showMessage() {
  document.write("Sound played");
}

var totalsounds = 3;
var currentsound = 1;
var audioElement = document.createElement('audio');
audioElement.setAttribute('src', 'http://www.wav-sounds.com/cartoon/bugsbunny1.wav');
audioElement.setAttribute('autoplay', 'autoplay');
audioElement.addEventListener('ended', function() {
    if (currentsound < totalsounds) {
        this.currentTime = 0;
        this.play();
        currentsound = currentsound + 1;
    }
    showMessage();
}, false);

document.body.appendChild(audioElement);

这篇关于从addEventListener（）调用函数的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！