Вопросы Теги

События щелчка мыши (или касания) на холсте вызывают выбор с помощью HTML5, Phonegap и Android

Я работаю над HTML5-игрой, использующей easlejs + phonegap, и сталкиваюсь с проблемой, когда экран мигает каждый раз, когда вы щелкаете / касаетесь / мыши на холсте.

Ниже приведен очень простой код, который я создал, чтобы проверить проблему и посмотреть, связана ли она с easlejs. Как вы можете видеть из кода, это не имеет ничего общего с easlejs и является просто проблемой html5 / phonegap.

Вы можете видеть, что я также попробовал стили CSS без выбора, но безуспешно.

screenshots showing the orange border when holding mouse down on the canvas (1st image) and then releaseing it (2nd image) 

<!doctype html>
<html>
<head>
    <title></title>
    <style type="text/css">
        #canvas
        {
            user-select: none;
            -webkit-user-select: none;
            -moz-user-select: none;
        }
    </style>
</head>
<body>
    <canvas  id="canvas" width="320" height="480"></canvas>
    <script type="text/javascript">
        var canvas = document.getElementById("canvas");

        canvas.addEventListener("mousedown", function(e)
        {
            var ctx = canvas.getContext("2d");
            var x = Math.random() * 320;
            var y = Math.random() * 480;
            var w = Math.random() * 100;
            var h = Math.random() * 100;

            ctx.fillStyle = "#FF0000";

            ctx.fillRect(x,y,w,h);
        }, false);
    </script>
</body>
</html>
13
задан Gautam 3 June 2012 в 00:22
поделиться