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

你会明白为什么会这样吗

Answer 2

要停止某项功能，您可以使用 return false 。

要停止元素的默认操作，请使用 stopPropagation() 。就像标签或提交按钮的默认事件一样。

在您的情况下，因为您不希望单击时点击触发div。因此，为此，请尝试将 a 置于 div 之外，并在使用位置内显示 a 。我认为这可能有用。

Answer 3

您可以使用return停止功能。

如何在java脚本中停止一个函数？

3 个答案: