Android/ Phonegap - Onclick() Not Working

I am using phonegap and am trying to detect the onClick, however Android seems to completely ignore it, below is what I am trying:

Solution 1:

I had the same problem with jQuery, Android seems to ignore the click event in javascript. Originally, my code with jQuery looks like this:

$("#element").click(function () { alert("message"); });

I had to change it to:

$("#element").on("touchend", function () { alert("message"); });

Not sure if you're using jQuery at all, but hope this helps.

Solution 2:

Add click event listener to your object with javascript. First add an id to object:

    <select id="obj_id" name="func" data-native-menu="true">

And then call addEventListener() :

document.getElementById("obj_id").addEventListener("click", StartButtons, false);

Phonegap documentation recomends to run all your javascript code in "deviceready" event. So your code should look like this:

main.js:

functionStartButtons() { ... }

    functiononDeviceReady() {
        ...
        document.getElementById("obj_id")
            .addEventListener("click", StartButtons, false);
        ...
    }

    functioninit() {
        document.addEventListener("deviceready", onDeviceReady, false);
    }

index.html:

    ...
        <scripttype="text/javascript"charset="utf-8"src="main.js"></script></head><bodyonload="init();">
        ...
        <selectid="obj_id"name="func"data-native-menu="true">
        ...
    </body>

Solution 3:

https://ssl.gstatic.com 'unsafe-eval'; style-src 'self' 'unsafe-inline'; media-src *">

delete this code from index.html

Solution 4:

user1183085´s answer is the right one. Android does not recognize click events as web apps do, this makes sence since mobile apps are not web when native, so that is why phonegap was made but since it works with jquery and not native java android libraries directly. I put my code this way:

The web buttons or elements onclick to handle all web interfaces, and special buttons or elements ontouchend to handle the mobile interfaces. Here´s a part of my code:

//this handles the login button events for the mobile touch of the user
$("button.login-button").on("touchend", function () {alert('hello touch ! =o' )});

//this handles the login button events for web clicks
$("button.login-button").on("click", function () {alert('hello click ! =o' )});

thanks user user1183085, that solved my life forever =()

Solution 5:

Watch out, bind an onclick on an input in Cordova 3.4, doesn't work. But it works great with a div element. Considering, input elements are part of form element, like select element, it may be your problem.

Share

Top Question

Disable Text Entry In

I am making a simple web app. At one part of it, I have inc…