如何使用IF函数停止JavaScript中的所有函数

我尝试使用一个函数和许多IF函数来运行此代码。
我将把它做成一个便笺应用程序。
我想添加一个IF函数，该函数有一个名为stop note的类。
我想在注释列表中添加它的IF函数，然后我想在“renderNotes”中添加它的链接样式

notesList.on('click', function (e) {
  e.preventDefault();
  var target = $(e.target);
  var abort = false;

  // Listen to the selected note.
  if (target.hasClass('listen-note')) {
    if (abort) {
      return;
    }
    var content = target.closest('.note').find('.content').text();
    readOutLoud(content);
  }

  //Edit Note
  if (target.hasClass('edit-note')) {
    editText(content);
    var dateTime = target.siblings('.date').text();
    deleteNote(dateTime);
    target.closest('.note').remove();
    var content = target.closest('.note').find('.content').text();
  }


  // Delete note.
  if (target.hasClass('delete-note')) {
    var dateTime = target.siblings('.date').text();
    deleteNote(dateTime);
    target.closest('.note').remove();
  }
});

这是我的函数，运行上面的函数

function renderNotes(notes) {
  var html = '';
  if (notes.length) {
    notes.forEach(function (note) {
      html += `<li class="note">
            <p class="header">
            <span class="date">${note.date}</span>
            <a href="#" class="listen-note" title="Listen to Note">Listen</a>
            <a href="#" class="edit-note" title="Edit Note">Edit</a>
            html = <button class="stop-note" onclick="abort = true">Stop</button>
            <a href="#" class="delete-note" title="Delete">Delete</a>
            </p>
            <p class="content">${note.content}</p>
            </li>`;
    });
  } else {
    html = '<li><p class="content">You don\'t have any notes yet.</p></li>';
  }
  notesList.html(html);
}

函数renderNotes（注释）{
var html=''；
如果（注：长度）{
notes.forEach（函数）（note）{
html+=`


${note.date}
html=停止

${note.content}
`；
});
}否则{
html='
您还没有任何笔记。
；
}
html（html）；
}

abort

是一个局部变量，您可以在他们单击注释列表时将其设置为

false

。因此，

onclick=“abort=true”

对函数中正在测试的变量没有影响

您需要将其设置为全局变量

window.abort = false;

notesList.on('click', function (e) {
  e.preventDefault();
  var target = $(e.target);

  // Listen to the selected note.
  if (target.hasClass('listen-note')) {
    if (abort) {
      return;
    }
    var content = target.closest('.note').find('.content').text();
    readOutLoud(content);
  }

  //Edit Note
  if (target.hasClass('edit-note')) {
    editText(content);
    var dateTime = target.siblings('.date').text();
    deleteNote(dateTime);
    target.closest('.note').remove();
    var content = target.closest('.note').find('.content').text();
  }


  // Delete note.
  if (target.hasClass('delete-note')) {
    var dateTime = target.siblings('.date').text();
    deleteNote(dateTime);
    target.closest('.note').remove();
  }
});

---

请编辑并突出显示需要帮助的内容。你的问题是什么？