javascript - 在页面焦点上使用 JavaScript 将 声音静音

Question

我有以下代码，应该在窗口聚焦时将音频静音，但我一定做错了什么，因为它根本不静音；

脚本

$(function() {
    $(window).focus(function() {
        console.log('Focus');
        /*getElementById('notificationsound').muted = true;*/
        $("#notificationsound").prop('muted', true); //mute

    });

    $(window).blur(function() {
        console.log('Blur');
    });
});

html

<audio id="notificationsound" src="sound/notify.mp3" preload="auto"></audio>

目标是仅在页面未查看/失焦时才播放通知声音(我正在使用此“脚本结构”，因为稍后我可能会向不同的状态添加更多内容)。

我知道我错过了一些非常基本的东西，因为我是初学者，而且它在控制台中正确记录了焦点/模糊。另外 - 我知道这很可能是与之前在这里问过的其他人非常相似的问题，但我只能找到相当陈旧的答案(我的代码所基于的)，所以如果这不再是“现代”或最佳实践，我会喜欢替代方法的例子。

如果需要或建议进行重大更改，我们非常感谢示例。

Answer 1

尝试 $("#notificationsound").prop('muted', true); - 您错过了 '#'，它是 JQuery 中的 Id 选择器。