多个事件的单个事件侦听器

Question

我有一个JS函数，它添加了可变数量的节。在每个部分中，我都有一个输入，其id和名称设置为“ type_” + i，其中i是部分索引

 var input=document.createElement('select');
                            input.id ="type_" + i
                            input.name="type_" + i
                            input.required = true 
                            input.classList.add("selects")
                            myPre.appendChild(input);
                            var myInput = document.getElementById('type_' + i)
                            var prefix = document.createTextNode('Media Type      : ')
                            myInput.parentNode.insertBefore(prefix, myInput);
                            var option = document.createElement("option");
                            option.text = "";
                            myInput.add(option);
                            var option = document.createElement("option");
                            option.text = "IMAGE";
                            myInput.add(option);
                            var option = document.createElement("option");
                            option.text = "VIDEO";
                            myInput.add(option);
                            var option = document.createElement("option");
                            option.text = "IFRAME";
                            myInput.add(option);

这是用于输入屏幕的。根据选择的选项（图像，视频或IFRAME），我需要上传图像或视频文件或为IFRAME输入链接

这是文件上传的条件JS

                            var input=document.createElement('input');
                            input.type="file";
                            input.id ="mediaSec_" + i
                            input.name ="mediaSec_" + i
                            input.required = true 
                            input.classList.add("files")
                            myPre.appendChild(input);
                            var myInput = document.getElementById('mediaSec_' + i)
                            var prefix = document.createTextNode('   Upload Media    : ')
                            myInput.parentNode.insertBefore(prefix, myInput);
                            //var br = document.createElement('BR')
                            //myInput.insertAdjacentElement("afterend", br);

这是有条件的JS添加链接地址

var input=document.createElement('input');
                            input.type="text";
                            input.id ="link_" + i
                            input.name ="link_" + i
                            input.classList.add("links")
                            input.placeholder = "add iframe https://" 
                            myPre.appendChild(input);
                            var myInput = document.getElementById('link_' + i)
                            var prefix = document.createTextNode('   Link Address : ')
                            myInput.parentNode.insertBefore(prefix, myInput);
                            var br = document.createElement('BR')
                            myInput.insertAdjacentElement("afterend", br);

我需要在单独的功能中执行此操作吗？我可以只用一个听众来做，还是每个部分都需要一个听众？我该如何传递ID？

Answer 1

[不确定您是针对多个事件的单个事件侦听器是什么意思。我想您的意思是处理事件发生的处理程序？如果我的假设是正确的，那么可以的，您可以做一个处理程序，然后可以检查提交的文件/输入的类型。如果它是image / jpeg类型，则可以触发图像输入。