javascript - 如何将局部变量值从函数传递到 addEventListener 函数？

Question

如何将局部变量值从函数传递到addEventListener函数？

这里是示例代码(JavaScript)，

function f(){

   var x = new Audio('Audio URL')
   var divID = document.getElementById('id of a div');

   if(divID){
      divID.addEventListener("webkitAnimationEnd",g);
      divID.addEventListener("animationend",g);
  }
}


function g(){
    //Code that uses variable x value and functions i.e x.pause() or x.play()
}

如何将函数f()中的变量x值传递给addEventListener中的函数g()？

Answer 1

您可以尝试以下操作:

function f(){

   var x = new Audio('Audio URL')
   var divID = document.getElementById('id of a div');

   if(divID){
      divID.addEventListener(webkitAnimationEnd, () => g(x));
      divID.addEventListener(animationend, () => g(x));
  }
}


function g(x){
    //Code that uses variable x value and functions i.e x.pause() or x.play()
}

或者，如果您需要 ES5 支持，divID.addEventListener(webkitAnimationEnd, function() { g(x); });