jQuery 函数启用 div

Question

我是这段代码嵌入我的js文件以关闭赢键。此代码：

jQuery(document).keydown(function(e){
    alert(e.keyCode); // replace "37" below with the windows key code
    if (e.keyCode == 37) { 
       alert( "windows key pressed" );
       return false;
    }
});

工作良好。但我只想工作 1div。我该怎么做？

Answer 1

更改：

jQuery(document).keydown(function(e) {

自

jQuery("#myElement").keydown(function(e) {

#myElement在哪里是你div的id。

Answer 2

使用您的div 选择器而不是document选择器。

jQuery("#yourdivid").keydown(function(e){
    alert(e.keyCode); // replace "37" below with the windows key code
    if (e.keyCode == 37) { 
       alert( "windows key pressed inside div" );
       return false;
    }
});

要禁用div，您可以简单地使用 $("#yourdivid").prop('disabled', true);

Answer 3

添加选择器而不是文档

jQuery('selector')而不是jQuery(document)

其中选择器可以是 id、类 e.t.c 之类的任何内容

使用选择器作为 id 的演示

另一个演示将仅适用于div 中的一个输入。

Div 演示仅适用于第一个div

禁用div 仅适用于跨度，不适用于div

禁用div 中的输入将适用于所有输入，如果它们不在div 内

Answer 4

你应该指定你希望它处理的div：

jQuery("#theIdOfTheDiv").keydown(function(e){ 
    alert(e.keyCode); // replace "37" below with the windows key code 
    if (e.keyCode == 37) {  
       alert( "windows key pressed" ); 
       return false; 
    } 
}); 

将"theIdOfTheDiv"更改为您的div 的名称。

Answer 5

给你的div.一个ID进行考试

<div id="testdiv" tabindex="0"></div>

现在编写代码以在文档准备就绪时将键关闭事件绑定到它

$(document).ready(function() {
            $("#testdiv").keydown(function(e) {
                if (e.keyCode == 37) { 
                alert( "windows key pressed" );
                return false;
                }
            });
        });

但请记住为 DIV 分配一个选项卡索引，它可以是任何数字。