悬停在特定对象上时播放声音文件

如何解决悬停在特定对象上时播放声音文件

谁能理解我做错了什么？ 此代码返回“歌曲不是函数”的错误。

<div id="song1" class="song">
    <p>some text</p>
</div>
<div id="song2" class="song">
    <p>some text</p>
</div>
<div id="song3" class="song">
    <p>some text</p>
</div>

const songs = {
    song1: '/media/title-song-lala.mp3',song2: '/media/pva.mp3',song3: '/media/zjklf.mp3'
};

$('.song').hover(function() {
    let song = songs(this.id);
    createjs.sound.play(song);
});

问候， 芥末的形状

解决方法

问题在于您如何访问您的 object

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object

对象属性必须通过以下方式访问songs.song1或songs['song1']，后者在属性的第一个字符是数字的情况下很有用，在这种情况下你不能这样做{ {1}}，因此您必须将其设为 songs.1song - 当您要获取的属性名称是变量时，它也很有用。

songs['1song']

const songs = {
    song1: '/media/title-song-lala.mp3',song2: '/media/pva.mp3',song3: '/media/zjklf.mp3'
};

console.log(songs['song1']);

$('.song').hover(function() {
    let id = this.id;
    console.log(songs[id]);
    var audio = new Audio(songs[id]);
    audio.play();
});

,

1. 抱歉，我对对象语法错误感到不满。应该是songs.key而不是songs(key)。

2. 代码还是不行。我没有收到任何错误，但没有播放音频。

const songs = {
    song1: '/media/title-song-lala.mp3',song3: '/media/zjklf.mp3'
};

$('.song').hover(function() {
    let id = this.id
    var audio = new Audio(songs.id);
    audio.play();
});

<div id="song1" class="song">
    <p>some text</p>
</div>
<div id="song2" class="song">
    <p>some text</p>
</div>
<div id="song3" class="song">
    <p>some text</p>
</div>