Zeichnen in iPad / iPhone Browser mit jQuery

[webdesign86]

Hallo zusammen,

ich habe ein jQuery Script gefunden, welches es ermöglicht im Browser zu zeichnen, indem man die linke Maustaste gedrückt hält: siehe hier

Das Ganze würde ich nun gern für das iPad adaptieren. D.h. mein Ziel ist es auf dem iPad mit dem Finger zeichnen zu können. Das Problem ist, dass beim iPad "mousedown" oder "mouseup" nicht funktionieren. Laut meinen Recherchen gibt es folgende Touchevents für das iPad:
* onmousedown => ontouchstart
* onmousemove => ontouchmove
* onmouseup => ontouchend

Ich habe also im ursprünglichen Script "mousedown" durch "ontouchmove" ersetzt.

Außerdem habe ich diese jquery "Touch-Library" eingebunden.

Leider funktioniert es trotzdem nicht. Hat jemand eine Idee an was das liegen könnte?

Abschließend noch das Zeichnen-Sript:

$(document).ready(function() {
 var draw = false;

 //set it true on mousedown
 $(document).mousedown(function(){draw=true;});

 //reset it on mouseup
 $(document).mouseup(function(){draw=false;});


 $(document).mousemove(function(e) {

    //if mouse is down
    if(draw==true){

                //make a pixel (5X5) at mouse position
                pointer = $('<span>').css({
                                                'position':'absolute',
                                                'background-color':'#ff00ff',
                                                'width':'5px',
                                                'height':'5px',
                                                top: e.pageY ,    //offsets
                                                left: e.pageX   //offsets
                                           });

                //append it to body
                $(document.body).append(pointer);
        }
    });
});

[wuselmann]

Ganz spontan:

Ich habe also im ursprünglichen Script "mousedown" durch "ontouchmove" ersetzt.

widerspricht

onmousedown => ontouchstart