如何在android + phonegap環境中獲取觸摸坐標？

Question

平台目標-android 4.0及更高版本。

環境-使用phonegap的html5 + css3 + javascript

在上述環境下的應用程序中，我希望顯示一個彈出菜單，該菜單不過是<div> ，當用戶觸摸該菜單時，按鈕頂部上方僅幾個像素。 到目前為止，我已經解決了這一問題：

<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>

現在的問題是，甚至沒有出現警報。 那么我將如何獲取按鈕的坐標？

Answer 1

首先，在DOM加載后嘗試該代碼-您的腳本在<head>標記中，並且您試圖#button訪問元素#button 。

var touchme = null;
function onDeviceReady(){
    touchme = document.getElementById('#button');
    touchme.addEventListener('touchstart',onNav, false);
}

window.addEventListener("DOMContentLoaded", onDeviceReady, false);

至於坐標，請查看事件的screenX和screenY屬性（將其傳遞給onNav）。 要查找的屬性基本上與常規鼠標單擊相同。

function onNav(e) {
    alert(e.screenX + ' ' + e.screenY);
}

如何在android + phonegap環境中獲取觸摸坐標？

問題描述

1 個解決方案

解決方案1
3 已采納 2013-04-04 05:37:39

如何在android + phonegap環境中獲取觸摸坐標？

問題描述

1 個解決方案

解決方案1 3 已采納 2013-04-04 05:37:39

解決方案1
3 已采納 2013-04-04 05:37:39