How to get the touch co-ordinates in android+phonegap environment?
Question
Platform target - android 4.0 and above.
Environment - html5+css3+javascript using phonegap
In my app under above environment, I want a popup menu which is nothing but a <div> , to appear, exactly few pixels above a button's top when user touches it. Till now I've worked out upto this:
<head>
<script type="text/javascript" charset="utf-8">
var touchme=document.getElementById('#button');
function onDeviceReady(){
touchme.addEventListener('touchstart',onNav, false);
}
function onNav() {
popup=document.querySelector("#divPop");
popup.style.display="block"; //this will make a popup appear
touchme.getBoundingClientRect();
navigator.notification.alert(touchme.top);
}
</script>
</head>
Now problem is, even alert is not showing up. So how would I get the co-ordinates of the button?
1 answers
solution1
3 ACCPTED 2013-04-04 05:37:39
First of all, try that code after the DOM is loaded - your script is in the <head> tag and you're attempting to access the element #button pre-emptively.
var touchme = null;
function onDeviceReady(){
touchme = document.getElementById('#button');
touchme.addEventListener('touchstart',onNav, false);
}
window.addEventListener("DOMContentLoaded", onDeviceReady, false);
as for the coordinates, have a look at the screenX and screenY properties of the event (which is passed in to onNav). The properties to look for are essentially identical to that of a regular mouse click.
function onNav(e) {
alert(e.screenX + ' ' + e.screenY);
}
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.