焦点功能不会触发两次

Question

    const Arrays = new Array();
    Arrays [0] = obst;
    Arrays [1] = Obst;
    Arrays [2] = gemüse;
    Arrays [3] = Gemüse;
    
 var select_select_array = document.createElement('select');
        select_select_array.id = 'Select_array_delete';
        select_select_array.autofocus = true;
        console.log(select_select_array.autofocus);
        


        fieldset_select_array.appendChild(select_select_array);
        select_select_array.addEventListener('change', array_selected);
        select_select_array.addEventListener('change', set_array_name);
        select_select_array.addEventListener('focus', array_selected);
        select_select_array.addEventListener('focus', set_array_name);

 function set_array_name()
        {
            list_choice = select_select_array.value;
            for (let i = 0; i <= Arrays.length; i = i + 2)
            {
                if (list_choice === Arrays[i])
                {
                    select_item_to_delete.innerHTML = '';
                    array_name = list_choice.charAt(0).toUpperCase() + list_choice.slice(1);
                    selected_array_delete = eval(array_name);
                    for (let i2 = 0; i2 < selected_array_delete.length; i2++)
                    {
                        item_to_delete = document.createElement('option');
                        item_to_delete.innerHTML = selected_array_delete[i2];
                        item_to_delete.value = selected_array_delete[i2];
                        item_to_delete.id = 'Opt_' + selected_array_delete[i2];
                        select_item_to_delete.appendChild(item_to_delete);
                    }
                }
            }
        }

https：// https：//learning-byby-by-by-doing.netlify。应用/学习％20BY％20Doing％20JavaScript/arrays.html

所以我有以下问题，我是JavaScript的新手，所以请原谅我的不良编码，

之后的Szenario：我单击一个按钮（“Löschen”），生成一个接口，在第一个选择是自动进行的，自动对焦触发事件，该事件告诉JS选择了哪个数组，以便JS可以决定第二个选择元素，必须显示哪些选项，所有这些选项都很好，所有这些都很好

。单击主菜单按钮（右下方的一个按钮，如果您在此问题开始时打开了所提供的站点。然后，您再次单击“Löschen”，现在应该通过JS重建整个站点，因为我首先清空了内部HTML网站通过=''

因此，在我的理论中，所有元素都会再次创建，具有相同属性等，但是当您在第二次选择第二次选择元素时单击“löschen”时，不会自动显示任何选项，除非您手动将第一个选择元素。

这是怎么发生的？有解决方案吗？

多谢 ：）

Answer 1

自动对焦页面加载时将元素聚焦。每当需要使用 focus focus 这样的方法：elem.focus（）;

因此，在您的情况下，您需要手动将其渲染后集中精力