0

私はこのサイトに不慣れで、これが私がここで尋ねる最初の質問です..単純なplsが私を許してくれるなら..私は1つの背景画像を描きました.これに、drawImage()メソッドを使用して5つの小さな小さな画像を描いています. 小さな画像に触れると、それらは消えるか、1 つのアラート ボックスがポップアップするはずですが、これまで ontouch イベントは発生していません。ontouch イベントを検索しましたが、使用できません。HTML の img タグを使用して画像を描画したくありません。ここに私のコードセグメントがあります

var car = new Image();
car.src = "img/car.jpg";
    car.onload = function() {
    imgLoaded = true;
}
if (imgLoaded = true) {
    drawBackgroundImg();
    drawCarImg();

}


 function drawCarImg() {
if (i == 0) {
    x1 = Math.floor((Math.random() * 501));
    y1 = Math.floor((Math.random() * 301));
    cxt.save();
    cxt.drawImage(car, x1, y1, car.width, car.height);
    cxt.restore();

   }
  }
 car.on('touchstart', function() {
 alert("T");
 });

Here is my HTML code

<!DOCTYPE html>
  <body>   
<div id="container" onclick="void(0)">
    <canvas id="can"> </canvas>

</div>
<div id="btn">
    <input type="image" id="zoomIn" src="img/up.png" onclick="zoomIn()" />
    <input type="image" id="zoomOut" src="img/down.png"
        onclick="zoomOut()" />
</div>
<div id="score">
    <p id="scoreCount">
        <b></b>
    </p>
</div>
 </body>
</html>

誰でも解決策を得るのを手伝ってくれませんか。参考までに: 私はこのコードをブラウザではなく Phonegap で実行しています。

4

3 に答える 3

0

私は答えを見つけました。目に見えない div を作成し、画像を絶対位置に配置し、画像の ID を使用して touchstart イベントをトリガーしました。上記の例はこちら

  $('#id').on('touchmove',function(){
  alert("T");

   }); 
 $('#id').on('click',function(){
   alert("T");

  });
于 2013-10-09T07:49:59.460 に答える
0 
$('#id').on('touchmove',function(){
      alert("T");

  }); 
$('#id').on('click',function(){
       alert("T");

});
于 2013-10-04T10:58:02.507 に答える
0 
$( '#id' ).on( 'touchstart',function(){
                     //your code
                       });

ここで id は、タッチ イベントをリッスンする html 要素の ID です。

于 2013-10-04T10:50:16.370 に答える