Can';我不明白为什么它是';不起作用。javascript调用数据键
因为我是Javascript初学者,所以我正在做一个小项目。我在同一个问题上花了几个小时,我就是不明白为什么它不起作用。我宁愿自己找问题,但我想是时候寻求帮助了Can';我不明白为什么它是';不起作用。javascript调用数据键,javascript,html,css,frontend,Javascript,Html,Css,Frontend,因为我是Javascript初学者,所以我正在做一个小项目。我在同一个问题上花了几个小时,我就是不明白为什么它不起作用。我宁愿自己找问题,但我想是时候寻求帮助了 window.addEventListener('keydown', function (e) { console.log(e); const audio = document.querySelector('audio[data-key="${e.keyCode}"]'); console.log(audio);
window.addEventListener('keydown', function (e) {
console.log(e);
const audio = document.querySelector('audio[data-key="${e.keyCode}"]');
console.log(audio);
/* audio.currentTime = 0;
if(!audio) return;
audio.play(); */
});
所以我不明白为什么我没有在HTML中选择数据键,控制台日志显示音频为null
以下是我的HTML代码:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Page Title</title>
<link rel="stylesheet" type="text/css" media="screen" href="main.css" />
</head>
<body>
<div id="main">
<div data-key="68" class="key">
<p>Press D for Dogs</p>
</div>
<div data-key="67" class="key">
<p>Press C for Cats</p>
</div>
<div data-key="18" class="key">
<p>Press P for Pigs</p>
</div>
<div data-key="70" class="key">
<p>Press F for Frogs</p>
</div>
<div data-key="69" class="key">
<p>Press E for Elephants</p>
</div>
<div data-key="71" class="key">
<p>Press G for Goats</p>
</div>
</div>
<audio data-key="68" src="sounds/dog_x.wav"></audio>
<audio data-key="67" src="sounds/cat_y.wav"></audio>
<audio data-key="18" src="sounds/pig.wav"></audio>
<audio data-key="70" src="sounds/frog.wav"></audio>
<audio data-key="69" src="sounds/elephant.wav"></audio>
<audio data-key="71" src="sounds/goat.wav"></audio>
<script src="main.js"></script>
</body>
</html>
页面标题
按D键找狗
按C键换猫
按p键换猪
按F键寻找青蛙
按E键寻找大象
为山羊按G
提前感谢。您的查询需要编辑:
document.querySelector('audio[data-key="${e.keyCode}"]');
在单引号('
)中包含的字符串中不存在参数扩展
或者像这样连接正确的字符串
document.querySelector('audio[data-key="' + e.keyCode + '"]');
或者使用模板字符串()
您的查询需要编辑:
document.querySelector('audio[data-key="${e.keyCode}"]');
在单引号('
)中包含的字符串中不存在参数扩展
或者像这样连接正确的字符串
document.querySelector('audio[data-key="' + e.keyCode + '"]');
或者使用模板字符串()