javascript - 如何停止javascript中的函数？

Question

在此，我为“bookmark_outer”div 编写了一个函数，在该 div 内部，有 3 个单独的链接，它们也包含单独的函数。当我单击该 div 中的链接时，out div 中的函数也会触发。我该如何阻止它？

function bookmarkUrlRedirect{
    $('#Bookmark_title').closest('.bookmark_outer').find('.bookmark_edit').addClass('bkshow');
    }
    
function SaveBookmarkTitle{
    $('#bokmarksave').closest('.bookmark_outer').find('.bookmark_edit').addClass('bkshow');
    }
    
function EditBookmarkTitle{
    $('#bokmarksave').closest('.bookmark_outer').find('.bookmark_edit').addClass('bkshow');
    }
function DeleteBookmark{
    $('#bokmarksave').closest('.bookmark_outer').find('.bookmark_edit').addClass('bkshow');
    }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div class="bookmark_outer" onclick="bookmarkUrlRedirect">
  <div class="bookmark_txt">
    <h4 id="Bookmark_title" class="bookmark_id">Bookmark 1
    </h4>
    <p id="bookmark_Des" class="bookmark_cmt">URl testing
    </p>
    <p id="bookmark_page" class="page_num">Page 1 
    </p>
  </div>
  <div class="bookmark_icon"> 
    <a href="#" class="bokmarksave" onclick="SaveBookmarkTitle">
      link1
    </a><br>
    <a onclick="EditBookmarkTitle" href="#">
      link2
    </a> <br>
    <a href="#" onclick="DeleteBookmark" class="Bkhide">
      link3 
    </a> 
  </div>
</div>

Answer 1

在每个函数中添加event.stoppropagation()

阅读本文 https://javascript.info/bubbling-and-capturing

你会明白为什么会这样