Question

167

PhantomJS; click an element

rated 0 times [ 171] [ 4] / answers: 1 / hits: 86114 / 11 Years ago, mon, april 1, 2013, 12:00:00

How do I click an element in PhantomJS?

page.evaluate(function() {

    document.getElementById('idButtonSpan').click();  

});

This gives me an error undefined is not a function...

If I instead

 return document.getElementById('idButtonSpan');

and then print it,

then it prints [object object], so the element does exist.

The element acts as a button, but it's actually just a span element, not a submit input.

I was able to get this button click to work with Casper, but Casper had other limitations so I'm back to PhantomJS.

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

calicinthias

Add To Favorites

Follow

Total Points: 447

Total Questions: 101

Total Answers: 118

Location: Botswana

Member since Sat, Dec 31, 2022

1 Year ago

calicinthias questions

1 DataGrid blank/not displaying data? Material UI

Sun, Jan 2, 22, 00:00, 2 Years ago

1 How to test for useEffect inside a custom hook?

Wed, Jan 13, 21, 00:00, 3 Years ago

1 Scroll on Dropdown of antD component React

Mon, Aug 10, 20, 00:00, 4 Years ago

1 Vue.js trying to get DOM element by ID in computed returns null

Tue, Jul 14, 20, 00:00, 4 Years ago

1 Adding a key-value pair to an object inside loop using React useState hook

Fri, Jun 26, 20, 00:00, 4 Years ago

View All

answered 11 Years ago stacyl · Accepted Answer

.click() is not standard. You need to create an event and dispatch it:

function click(el){

    var ev = document.createEvent(MouseEvent);

    ev.initMouseEvent(

        click,

        true /* bubble */, true /* cancelable */,

        window, null,

        0, 0, 0, 0, /* coordinates */

        false, false, false, false, /* modifier keys */

        0 /*left*/, null

    );

    el.dispatchEvent(ev);

}