How to perform button click operation using javascript

Question

I am trying to perform click operation for Buy now button in flipkart through javascript by executing it in chrome console. Using below code

function timeout_trigger() {
  var buynowButton = document.getElementsByClassName("_2AkmmA _2Npkh4 _2kuvG8 _7UHT_c")[0];
  console.log(buynowButton)
  buynowButton.click();
}

setTimeout('timeout_trigger()', 2000);

I am able to see the button element in console log as i printed using

console.log(buynowButton)

But, When click method on buynowButton is not working for that flipkart page

buynowButton.click();

i need to buy products programmatically to be precise using java script — rocky
– rocky, Commented Mar 14, 2019 at 10:15
You could use buynowButton.onclick({target: buynowButton}); — SkillGG
– SkillGG, Commented Mar 14, 2019 at 10:16
Please define "is not working". What you expect to happen when a click occurs? And what happens instead? What does the click method on buynowButton look like? — Teemu
– Teemu, Commented Mar 14, 2019 at 10:35
I went to Flipkart to check out why is it possible for you to not work. I updated my answer — SkillGG
– SkillGG, Commented Mar 14, 2019 at 16:05

SkillGG · Accepted Answer · 2019-03-14 16:22:24Z

2

Flipkart don't use click() event for theirs buttons! It uses Ruby's onClick and some sort of complicated system to prevent auto clicking on their site. They use function called handleClick, that they give to button as if it was named onClick but really is called o(). And they use special kind of Event to handle it. That's why you cannot use .click(), they blocked it by setting btn.click = ()=>{}. They also used very complicated system to prevent clicking automatically, so basicly you just have to figure out how to bypass that somehow.

edited Mar 14, 2019 at 16:22

answered Mar 14, 2019 at 10:37

SkillGG

6865 silver badges20 bronze badges

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

Comments

adiga · Accepted Answer · 2019-03-14 10:22:39Z

1

dont call the timeout_trigger as a string and pass it as a reference instead. try :

function timeout_trigger() {
  var buynowButton = document.getElementsByClassName("_2AkmmA _2Npkh4 _2kuvG8 _7UHT_c")[0];
  console.log(buynowButton)
  buynowButton.click();
}

setTimeout(timeout_trigger, 2000);

EDITED

edited Mar 14, 2019 at 10:22

adiga

35.4k9 gold badges65 silver badges88 bronze badges

answered Mar 14, 2019 at 10:16

oygen

5272 gold badges7 silver badges14 bronze badges

4 Comments

SkillGG Over a year ago

More like: setTimeout(timeout_trigger, 2000) or setTimeout(()=>timeout_trigger(), 2000)

rocky Over a year ago

I tried with code suggested, i am able to see the log value , meaning timout_trigger function is invoked but the buynowButton.click() is not adding the product to cart

Teemu Over a year ago

@rocky In that case the problem lies elsewhere, the provided code works as it is.

rocky Over a year ago

yes agreed..but it was not working on flipkart website to book flashsale

Abin Thaha Azees · Accepted Answer · 2019-03-14 12:05:56Z

1

You can use it like this

document.getElementById("btn").addEventListener("click", function(){
  console.log('Clicked');
})

var clickBtn = function() {
  var buynowButton = document.getElementById('btn');
  buynowButton.click();
}

setTimeout(function(){
  clickBtn();
}, 1000)

<button id="btn">Click</button>

Removed jQuery and added back.

edited Mar 14, 2019 at 12:05

answered Mar 14, 2019 at 10:20

Abin Thaha Azees

4,7733 gold badges16 silver badges44 bronze badges

2 Comments

Dennis Lukas Over a year ago

I dont see a jQuery tag

Abin Thaha Azees Over a year ago

@DennisLukas Removed jQuery

Teemu · Accepted Answer · 2019-03-14 10:32:57Z

0

You can just put the function reference in the setTimeout's first parameter.

var timeout_trigger = function(){
var buynowButton = document.getElementsByClassName("_2AkmmA _2Npkh4 _2kuvG8 _7UHT_c")[0];
console.log(buynowButton)
buynowButton.click();   
}
setTimeout(timeout_trigger, 2000);

edited Mar 14, 2019 at 10:32

Teemu

23.5k7 gold badges61 silver badges113 bronze badges

answered Mar 14, 2019 at 10:19

Dennis Lukas

5932 gold badges6 silver badges20 bronze badges

1 Comment

SkillGG Over a year ago

Function declared with function keyword can work as a variable too. setTimeout(timeout_trigger, 2000) would be valid also when he declares it function timeout_trigger

Dhruvik Neharia · Accepted Answer · 2019-03-14 10:27:57Z

-3

Triggering a button in jQuery is easy.

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

or simply

$("#id").click();

Also, don't call your timeout function as a string.

setTimeout(timeout_trigger(), 2000);

answered Mar 14, 2019 at 10:27

Dhruvik Neharia

13 bronze badges

1 Comment

Yury Tarabanko Over a year ago

Why jquery? OP is using native DOM API.

Collectives™ on Stack Overflow

How to perform button click operation using javascript

5 Answers 5

Comments

4 Comments

2 Comments

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

4 Comments

2 Comments

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related