Question

我正在使用phonegap进行手机游戏。我有两个按钮（左和右）来控制头像。启动时，按钮尺寸合适。但是在第一次点击其中一个按钮时，两者都会增长。这发生在索尼Xperia Z1（Android 4.3）上 - 所以我在旧的三星Galaxy SII（Android 4.0.4）上进行了测试。我在这里没有这个问题。所以我认为它就像一个突出显示功能？

我的HTML：

<body>
    <canvas id="gameScreen">
    </canvas>
    <img id="buttonleft" src="sources/button_left.png">
    <img id="buttonright" src="sources/button_right.png">
    <script src="js/game.js" type="text/javascript"></script>
</body>

我的javascript

$( document ).ready(function() {
    //set canvas width to screen width
    canvas.width = $(window).width();
    canvas.height = $(window).height();
    //calc parameters according to device size
    var buttonWidth = canvas.width/6.5;
    var buttonMargin = canvas.width/20.0;
    $('#buttonright').css('width', buttonWidth+'px');
    $('#buttonleft').css('width', buttonWidth+'px');
    $('#buttonright').css('bottom', buttonMargin+'px');
    $('#buttonleft').css('bottom', buttonMargin+'px');
    $('#buttonright').css('right', buttonMargin+'px');
    $('#buttonleft').css('left', buttonMargin+'px');
    character.src = 'sources/rooney_large.png';

   //initialize the game
   init();

   //player's controll
   $("#buttonleft").on('vmousedown', function(){
       moveLeft = true;
   });
   $("#buttonright").on('vmousedown', function(){
       moveRight = true;
   });
   $(document).on('vmouseup', function(){
       moveLeft = false;
   moveRight = false;
   }); 
});

谢谢！

按钮在jquery mobile的'vmousedown'上越来越多

0 个答案: