求助：JS通过键盘上下键调节<audio>音量功能失效

问题根源在于toFixed(1)方法的返回值类型：它会把数字转换成字符串，而<audio>元素的volume属性仅接受0~1区间内的数字类型值，字符串赋值会被浏览器忽略，导致音量设置不生效。

解决方案 #

不需要修改太多代码，只需要把赋值给volume的数值保持为数字类型即可，控制台输出时再用toFixed(1)格式化显示就行。

修正后的JavaScript代码 #

let music_element = document.getElementById("music");

function setVolume(volume) {
    music_element.volume = volume;
}

function getVolume() {
    return music_element.volume;
}

document.onkeydown = function(e) {
    switch (e.keyCode) {
        case 38:
            let current_volume = getVolume();
            let new_volume = Math.min(current_volume + 0.1, 1); // 用Math.min简化上限判断
            setVolume(new_volume);
            console.log('Set volume to ' + new_volume.toFixed(1));
            break;
        case 40:
            let current_volume = getVolume();
            let new_volume = Math.max(current_volume - 0.1, 0); // 用Math.max简化下限判断
            setVolume(new_volume);
            console.log('Set volume to ' + new_volume.toFixed(1));
            break;
    }
};

关键修改点 #

1. 移除了setVolume调用时的toFixed(1)，直接传递数字类型的new_volume
2. 用Math.min和Math.max替代原有的if判断，更简洁地处理音量的0和1边界
3. 仅在控制台输出时使用toFixed(1)格式化数值，不影响实际赋值的类型

这样修改后，控制台输出的格式化数值依然正常，同时<audio>元素的volume属性能正确接收数字值，音量调节功能就能正常工作了。

内容的提问来源于stack exchange，提问作者Raoul Cornelissen