chrome 控制台单击 function 在特定网站上什么也不做

Question

I went to this website

http://getlike.io

and i wanted to do a simple click using the chrome console on that blue button top

I used chrome console and I right clicked on the element > inspect > found element on chromes console > copy selector and I got the selector. Here is the selector for the blue button #header > div.top > div > div > div.col-md-2.col-3 > a

I just add it to a jquery tag since jquery is already loaded $("#header > div.top > div > div > div.col-md-2.col-3 > a").click();

and it does nothing i have tried using javascript as well and still click does nothing..the odd thing is I am always using same way to click with console and it always works but this website..seems like they somehow understand i am performing click action using chrome console? does anyone knows why on this website not possible to click on some elements?

Answer 1

I think it's because it's a <a> tag that doesn't have a click event attached to it. On a button, there is usually a method linked with onClick or addEventListener or $.on("click") that is triggered when you click or use the .click() .

If you look in the dev console, in the event listener of that element, there is nothing attached to it.

Answer 2

The return value of the Jquery selector is an array. So you have to use the index to point to the item you want to work with.

In this case, because there is only one item with the specified selector, you can use 0 index to access the button in the array.

$("#header > div.top > div > div > div.col-md-2.col-3 > a")[0].click()