一个页面两个id 调用同一个js

Question

以下代码是上传文件，点击预览，可以查看文件内容的代码：
<script type="text/javascript">  
        var result=document.getElementById("result");  
        var file=document.getElementById("file");  
          
        //判断浏览器是否支持FileReader接口  
        if(typeof FileReader == 'undefined'){  
            result.InnerHTML="<p>你的浏览器不支持FileReader接口！</p>";  
            //使选择控件不可操作  
            file.setAttribute("disabled","disabled");  
        }
               
        function readAsText(){  
            var file = document.getElementById("file").files[0];  
            var reader = new FileReader();  
            //将文件以文本形式读入页面  
            reader.readAsText(file);  
            reader.onload=function(f){  
                var result=document.getElementById("result");  
                //显示文件  
                result.innerHTML=this.result;  
            }
        }  
    </script> 
<div class="col-md-8 select" style="display:none;">
                    <form>
                        <div class="form-group-lg upfile">
                            <label for="">请选择文档:</label><span id=""></span>
                            <input type="file" id="file"  name="file">
                        </div>
                        <div class="form-group-lg upfile">
                            <textarea name="textarea" cols="105" rows="6" id="result"></textarea>
                        </div>
                        <div class="form-group-lg">
                            <button type="button" id="" class="btn btn-primary" onclick="readAsText()">预览</button>
                            <button type="button" id="" class="btn btn-primary">提交</button>
                            <button type="reset" id="" class="btn btn-primary">重置</button>
                        </div>
                    </form>
                </div>
<script type="text/javascript">
                    //监听
                    fileObj.addEventListener('change',function(){
                        var files = this.files;
                    });
                </script>
我希望可以在增加一个<div>,里面同样是选择文件，读取文件内容并可以预览文件内容，由于<input>标签里的id不能重复，所以不知道怎么修改js代码，望各位大神帮帮忙。多谢！

Answer 1

<div id="a" onclick="abc()"></div>
<div id="b" onclick="abc()"></div>
<script>
function abc() {
console.log('123');
}
</script>

Answer 2

onclick改成onchange

Answer 3

如果你使用的是jquery的话
$("#btn1,#btn2").off().on("onchange",function(){
$(this),.....区分
});jquery 选择器如果不是，就onclick="abc(this)"
this是参数，可以区分