На данный момент задачка простая:
делается canvas, по одинарному клику по нему должно произойти одно некое действие, по двойному клику некое другое действие. (В дальнейшем по этой канве предполагается рисовать мышкой некоторые фигуры.)
Непонятка заключается в следующем:
Добавлен eventListener на событие "click", по этому событию вызывается функция, содержащая alert. Но почему-то этот alert вылезает два раза подряд.
Даблклик вообще никогда не получается.
Браузер у меня Firefox 4 и 5.
Собственно, вопросы:
- почему alert вылезает дважды?
- где вообще найти полный список событий, применимых к canvas?
- как же сделать вызов разных функций на клик и даблклик?
Код простейший:
Код: Выделить всё
<html><head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>canvas test</title>
<script type="text/javascript">
function init(){
canvas = document.getElementById('canvas');
ctx = canvas.getContext('2d');
canvas.addEventListener("click", onclick, false);
canvas.addEventListener("dblclick", dblclick, false);
}
function onclick(){
alert("click");
}
function dblclick(){
alert("double click");
}
</script>
<style type="text/css">
canvas { border: 2px solid black; }
</style>
</head>
<body onload="init();">
<canvas id="canvas" width="640" height="480"></canvas>
</body></html>
В действии этот код можно посмотреть по ссылке: http://83.167.103.135/html/test.html