Javascript html属性不适用于js和jquery
当在键盘上按下相应的键时,我正试图选择具有类键的div 我用Javascript html属性不适用于js和jquery,javascript,jquery,html,Javascript,Jquery,Html,当在键盘上按下相应的键时,我正试图选择具有类键的div 我用JavaScript和jQuery都试过了,但它不起作用,并且显示空输出 按下该键时,如何选择特定数据属性的div 请参阅下面的代码: html 滑动分页 }); 插值使用了错误的字符串文字: “.keys[data key=“${e.keycode}]”应该是“.keys[data key=“${e.keycode}]”你就快到了!只需使用带有值的键,按即可到达所需元素 下面的演示突出显示了按下的键 $(文档).ready(函数(
JavaScript
和jQuery
都试过了,但它不起作用,并且显示空输出
按下该键时,如何选择特定数据属性的div
请参阅下面的代码:
html
滑动分页
}); 插值使用了错误的字符串文字:
“.keys[data key=“${e.keycode}]”应该是“.keys[data key=“${e.keycode}]”你就快到了!只需使用带有
值的键,按
即可到达所需元素
下面的演示突出显示了按下的键
$(文档).ready(函数(){
$('html')。在('keydown',函数(事件)上{
var press=event.which;
$(`div[data key=${press}]`).addClass('highlight');
});
});代码>
。突出显示{
颜色:红色;
}
A.
B
C
只需更改此.keys[data key=“${press}”]
即可更改此.keys[data key=“”+press+”]
<div class="row-2">
<div data-key="65" class="keys">
<kbd>A</kbd>
</div>
</div>
window.addEventListener('keydown',function(e){
const here = document.querySelector('.keys[data-key="${e.keycode}"]');
console.log(here);
});
$(document).ready(function(){
$('html').on('keydown',function(event){
var press = event.which;
console.log(press);
console.log(document.querySelector('.keys[data-key="${press}"]'));
});