单击带有Javascript的网页中的按钮

Question

Currently, I'm doing an application and I need login to this one particular website. Basically, I need to make this button click using a javascript but I have no idea how to.

This is the button code I retrieved from the website:

<button type="submit" class="uk-width-1-1 uk-button uk-button-primary uk-button-large">Sign in</button>

Thank you for your help in advance

Answer 1

You can click on the button programmatically, in case of pure javascript :

(function(){document.querySelector('button[type="submit"]').click();})()

In case of Android JS Interface :

webView.loadUrl("javascript:(function(){"+
    "l=document.querySelector('button[type=\"submit\"]');"+
    "e=document.createEvent('HTMLEvents');"+
    "e.initEvent('click',true,true);"+
    "l.dispatchEvent(e);"+
    "})()");

Answer 2

The general way to have button click events is to use something like jQuery. For example lets set the button to have an ID

<button id="my-button" type="submit" class="uk-width-1-1 uk-button uk-button primary uk-button-large">Sign in</button>

Then we would apply a click event to it with jQuery

$('#my-button').click(function(){alert('button has been clicked');})

Instead of the alert you could put whatever code you want in there :D

Example: Codepen example

EDIT: Example for a class: Example for a class (Note that we use a "." instead of "#" in the call)

-Kyle