javascript对象指向这个

时间:2016-12-26 10:02:17

标签: javascript html css this

我在javascript中有一个类数组,每个实例都创建一个mp3文件的名称。我们的想法是每个实例创建一个"隐形"音频元素和div。当你在这里点击div时它就是音频。

这是该类的简化版本...我试图将指向适当类的指针传递给" onclick"功能失败了......"这个"显然失败了,下面的例子失败了.. 我通过将一个类传递给了一个" idx"来暂时解决了这个问题。然后到div.onclick,所以它"找到了自己",但我确信有一个更优雅的解决方案,将div传递给适当的音频元素进行播放。

function myClass (mp3file) {
    this.aud = document.createElement('audio');
    this.aud.src = mp3file;
    this.div = document.createElement('div');
    this.div.className =  'dictDiv';     
    this.context = this;
    this.div.onclick = function () {
        context.aud.play();
    }           
}

1 个答案:

答案 0 :(得分:1)

date -d 'yesterday' +%Y%m%d

Onclick会覆盖这一点,因此使用此功能无效。您可以将其存储在范围内(请参见顶部)或覆盖此绑定:

var context = this;
 this.div.onclick = function () { 
context.aud.play();
}