Simulate a click on js

Question

I have a problem on my website. I have a <div id="test"> which is display:none by default.
Now, when I click on the button it changes to display:block, but in my div a popup is displayed which disappears when I make a click.
So I need to simulate a click so that the another div does not show.
I tried :

<script>
  document.getElementById('test').setAttribute('class','display-block');
  document.getElementById('test').click();
</script>

But it does not work.

Can you give some more details about your problem? Could not able to understand it properly? What you want to achieve and what is your problem? — SK., May 29 '15 at 13:00
possible duplicate of [How to use simulate the action of clicking button with JQuery or Javascript](http://stackoverflow.com/questions/5015054/how-to-use-simulate-the-action-of-clicking-button-with-jquery-or-javascript) — Alex McMillan, May 29 '15 at 13:02
if you want to use a javascript check here: [enter link description here][1] [1]: http://stackoverflow.com/questions/2705583/how-to-simulate-a-click-with-javascript — user3744810, May 29 '15 at 18:27

score 1 · Answer 1 · answered May 29 '15 at 13:05

1

// element you click to execute the display   
$('#button').on('click', function(){      
      $('#test').css('display','block');
});

answered May 29 '15 at 13:05

lucho20pt

77
5

Radonirina Maminiaina · Answer 2 · 2015-05-29T13:07:04.413

0

You can use jquery to do it:

$('#test').click()

or

$('#test').trigger("click");

Check the demo here: http://jsfiddle.net/eq9c2p2c/

update

You need to add click event, then you just trigger it.

This is the HTML:

<div id="test">click</div>

Javascript:

$('#test').click(function() {
    $(this).addClass("border")
})
$('#test').click()

http://jsfiddle.net/eq9c2p2c/2/

edited May 29 '15 at 13:07

answered May 29 '15 at 12:58

Radonirina Maminiaina

6,958
4
33
60

The "test" is a div not a button – TanGio May 29 '15 at 13:02
So I want to simulate a click over the div – TanGio May 29 '15 at 13:04

score 0 · Answer 3 · answered May 29 '15 at 13:00

0

Use jQuery .trigger() http://api.jquery.com/trigger/

$('#test').trigger('click');

answered May 29 '15 at 13:00

Jayababu

1,641
1
14
30

score 0 · Answer 4 · edited May 23 '17 at 11:43

document.getElementById('test') returns a plain DOM node which doesn't do much. If you use $('#test') you will get the same DOM node, but wrapped in jQuery.

jQuery provides a .click() function on these "wrapped" nodes, which will simulate a click on the button for you:

$('#test').click();

(which is just a shortcut for .trigger('click') - read more here)

is the same as

$(document.getElementById('test')).click();

Simulate a click on js

4 Answers4