how to stop a function in java script?

Question

In this, I have written a function to "bookmark_outer" div and inside that div, there are 3 separate links and they also contain separate functions.when I click a link in that div, function in out div will also fire.How do I stop that?

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>

Kiran Shinde · Accepted Answer · 2018-03-05 06:28:22Z

1

Add event.stoppropagation() in each function

Read this article https://javascript.info/bubbling-and-capturing

You will understand why this is happening

answered Mar 5, 2018 at 6:28

Kiran Shinde

6,0326 gold badges30 silver badges45 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Sajal · Accepted Answer · 2018-03-05 06:47:01Z

0

To stop a function you can use return false.

To stop default action of a element use stopPropagation(). Like default event of a tag or submit button.

In your case, as you don't want to get div click fired when click on a. So, for this try placing the a outside div and display the a inside using position. I think this might work.

answered Mar 5, 2018 at 6:47

Sajal

1,2161 gold badge19 silver badges33 bronze badges

Comments

Rajesh kumar · Accepted Answer · 2018-03-05 06:51:59Z

0

You can use return where you want to stop your function.

answered Mar 5, 2018 at 6:51

Rajesh kumar

3041 silver badge7 bronze badges

Collectives™ on Stack Overflow

how to stop a function in java script?

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related