Avoid jQuery .click() scrolling

Question

I am using $.click() to simulate user interaction with some buttons. The problem is that in addition to simulating the user click, the function scrolls automatically to the element. Is there any way to avoid this?

I made a temporal fix but I don't like it because I have to add two lines and I don't want to add those lines every time I use $.click() in my app. This is what I did:

var current_scroll_position = $(window).scrollTop();
$('.item').click();
$(window).scrollTop(current_scroll_position);

you can put those three lines into a function or override `.click()` — Noam Hacker, Jun 02 '17 at 19:26
What does the click event look like that is associated with '.item'? — Travis J, Jun 02 '17 at 19:30
Can you show this undesired scrolling example in jsfiddle? https://jsfiddle.net/mj7vzwep/ — sasha_gud, Jun 02 '17 at 19:38

wgallop · Answer 1 · 2017-06-02T19:36:09.907

-2

Check out event delegation with .on() rather than .click(): http://api.jquery.com/on/

Or do something like this:

    $('.item').click(function(e){
      e.preventDefault();
    });

I may be misunderstanding what you're asking for though.

edited Jun 02 '17 at 19:36

answered Jun 02 '17 at 19:28

wgallop

157
2
2
11

Avoid jQuery .click() scrolling

1 Answers1