Javascript 我无法终止JS中的函数

对于同一个输入，我有两个js函数（type=“file”）。它们通过onclick属性工作，但是当我单击第二个函数时，第一个仍然有效。。（可能是因为输入的变化…）我试着用“return”或“break”来终止，但都没用。如果函数已完成其工作，如何终止该函数

■ HTML标签

<input id="File1"  type="file" name="galeri[]" accept="image/*" hidden="">
<label id="Label1" class="uploadProductPic" data-no="1" for="File1" onclick="myFunction(this)"><i class="fas fa-plus"></i></label>

■ 第二个功能是；（j）仅用于更改图片。如果用户单击更改按钮-之前在预览图像上创建的按钮，则此函数将更改图像的预览

function myEdit(identifier) {
  var editNo = $(identifier).data('edit');
  document.getElementById('File'+editNo).click();

var editor = function(e) {

//content goes here
//change the preview of image

return false; //After changing picture stop here and dont step to the first function again...
}
  var fileInput = document.querySelector("#File"+editNo);
  fileInput.addEventListener("change", editor);
};

---

当我单击更改图片时，是的，它会更改，但同时功能会添加一个新预览（与为更改选择的预览相同，并添加一个新的输入文件，因此我有两个预览和两个添加按钮）

您没有包括您如何尝试取消第一个预览（第一个调用=第二个函数=myEdit？）函数。很可能您在

editor=function

中放置了一个

return false

-返回仅从封装的

函数中返回

-在

文件输入后添加
return false
。addEventListener（“更改”，编辑器）；

-这是假设从单击事件调用了

myEdit

。这些事件的设置可能会有帮助（给它们合理的名称，以便我们知道您在声明“添加新预览”时所指的内容）相关/值得一读：您也没有变量“editNo”在您的第一个函数中，但引用了它。您是否可以创建一个示例代码（fiddle、stackbliz等）来向我们显示问题？或者您试图退出的是新的fileInput“change”事件？是的，我确实这样做了，我添加了“return false”在myEdit函数内部。现在我在帖子问题上添加了HTML标记，以便更好地解释这种情况。。

  var i = 1;
function myFunction(identifier) {
  i++
  no = $(identifier).data('no');

  var loader = function(e) {

//content goes here
//create a preview of image
//add a new input file

}
  var fileInput = document.querySelector("#File"+editNo);
  fileInput.addEventListener("change", loader);
};

function myEdit(identifier) {
  var editNo = $(identifier).data('edit');
  document.getElementById('File'+editNo).click();

var editor = function(e) {

//content goes here
//change the preview of image

return false; //After changing picture stop here and dont step to the first function again...
}
  var fileInput = document.querySelector("#File"+editNo);
  fileInput.addEventListener("change", editor);
};