Chrome-remote-interface: Mouse click

Created on 4 Dec 2016 · 10Comments · Source: cyrus-and/chrome-remote-interface

Please example of mouse clicks "dispatchMouseEvent".

PS: Many thanks for all the answers, and create an extensive wiki.

protocol question

Source

zirill

Most helpful comment

You just need to specify the right values, for example to simulate a click event you'll need to dispatch two separate events:

function click(client, x, y) {
    const options = {
        x: x,
        y: y,
        button: 'left',
        clickCount: 1
    };

    options.type = 'mousePressed';
    client.Input.dispatchMouseEvent(options);

    options.type = 'mouseReleased';
    client.Input.dispatchMouseEvent(options);
}

PS you're welcome!

cyrus-and on 4 Dec 2016

👍2

All 10 comments

You just need to specify the right values, for example to simulate a click event you'll need to dispatch two separate events:

function click(client, x, y) {
    const options = {
        x: x,
        y: y,
        button: 'left',
        clickCount: 1
    };

    options.type = 'mousePressed';
    client.Input.dispatchMouseEvent(options);

    options.type = 'mouseReleased';
    client.Input.dispatchMouseEvent(options);
}

PS you're welcome!

cyrus-and on 4 Dec 2016

👍2

do not click on andoid

zirill on 4 Dec 2016

Just tried and works, here's the test page:

<body>
  <script>
    const body = document.querySelector('body');
    body.addEventListener('click', (e) => {
        alert(`${e.clientX}, ${e.clientY}`);
    });
  </script>
</body>

cyrus-and on 4 Dec 2016

FYI here's the wiki example using promises.

cyrus-and on 4 Dec 2016

i click on mobail screen no show alert

zirill on 4 Dec 2016

I really don't know, it works with Chrome 54 on my Nexus 5. In any case I doubt it's a problem with this module. Try to debug the client-side JavaScript code.

cyrus-and on 4 Dec 2016

i work in changed on addEventListener('touchend'
chrom 54 andoid 6

zirill on 4 Dec 2016

I have worked in this way:

function click(cri, x, y) {
    const options = {
        touchPoints: [{x:x,y:y, state:'touchPressed'}]
    };


    options.type = 'touchStart';
    cri.Input.dispatchTouchEvent(options);

    options.touchPoints[0].state = 'touchReleased';
    options.type = 'touchEnd';
    cri.Input.dispatchTouchEvent(options);
}

zirill on 4 Dec 2016

help position mouse in chage page (big grey border)

                    chrome.Page.setDeviceMetricsOverride({
                        width: 320,
                        height: 240,
                        deviceScaleFactor: 3,
                        mobile: true,
                        emulateViewport: true,
                        fitWindow: true
                    });

Page moves to the center of the screen, and coordinate the eyes remain the same. how to move the grid coordinates or to define the beginning of the axis on the page?

zirill on 24 Jan 2017

You should try to ask this in the [Google Group]; it's a bit off-topic here and I've never experimented too much with Page.setDeviceMetricsOverride.

cyrus-and on 24 Jan 2017

Was this page helpful?

0 / 5 - 0 ratings