Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/80.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript html属性不适用于js和jquery_Javascript_Jquery_Html - Fatal编程技术网

Javascript html属性不适用于js和jquery

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(函数(

当在键盘上按下相应的键时,我正试图选择具有类键的div

我用
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}"]'));
       });