0

プラットフォーム ターゲット - 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>

今の問題は、アラートでさえ表示されないことです。では、ボタンの座標を取得するにはどうすればよいでしょうか。

4

1 に答える 1

3

まず、DOM がロードされた後にそのコードを試してください。スクリプトはタグ内にあり、先制的<head>に要素にアクセスしようとしています。#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);
}
于 2013-04-04T05:37:39.413 に答える