Javascript 使用.focus/.focusout（jquery）键控选定的div

我有以下多个HTML div:

（它们通过循环生成，它们都共享同一个类）。 单击div时，按下键盘键（此处：向右和向左箭头）时，应添加一个类（“verso”）。它确实有效，但是我如何集成焦点以取消选择这个div并选择另一个div呢？像这样的事情是行不通的

$(".draggable")
    .draggable()
    .click(function(){
         $(this).is(":focus", function() {
            $(this).focusout();
        });
        $(this).not(":focus", function() {
            $(this).focus();
        });

        $('.draggable').on('keyup', function(e){ 
        if ((e.which == 39) || (e.which == 37)) {
        if (!$(this).hasClass('verso')) {
            $(this).addClass("verso");
            }
        else {
            $(this).removeClass("verso");
        }        
            }
        });

通过循环生成的，它们都共享同一个类

生成HTML时，在设置单击处理程序时，它通常不在DOM中

试用

$(document).on('click', '.draggable', function(){})

要在通过循环生成的文档上设置单击处理程序，它们都共享同一类

生成HTML时，在设置单击处理程序时，它通常不在DOM中

试用

$(document).on('click', '.draggable', function(){})

要设置文档上的单击处理程序，请将代码包装到

$(document).ready(() => {
   // Here goes your code
});

这将确保只有在DOM准备就绪后才能运行脚本

$(document).ready(() => {
   // Here goes your code
});

这将确保脚本仅在DOM就绪后运行