dragDrop no funciona en tablet

[ceaped]

Buenos días
Tengo este juego:

Código HTML:

<div id="preguntas">
    <div id="dropContent">
    <div class="dragableBox_1" id="box1">Arrastar 1</div>
    <div class="dragableBox_2" id="box2">Arrastar 2</div>
    <div class="dragableBox_3" id="box3">Arrastar 3</div>
    </div> 
    </div>
 

Código HTML:

<div id="respuestas">
    <div id="box102" class="dragableBoxRight_1"><p>Arrastre acá la respuesta</p></div>
    <div id="box103" class="dragableBoxRight_2"><p>Arrastre acá la respuesta</p></div>
    <div id="box101" class="dragableBoxRight_3"><p>Arrastre acá la respuesta</p></div>
    </div>
    </div>
 

Código Javascript:

<script type="text/javascript">
 
 
function dropItems(idOfDraggedItem,targetId,x,y)
{
    var targetObj = document.getElementById(targetId);
    var subDivs = targetObj.getElementsByTagName('DIV');
    if(subDivs.length>0 && targetId!='preguntas')return;
    var sourceObj = document.getElementById(idOfDraggedItem);
    var numericIdTarget = targetId.replace(/[^0-9]/gi,'')/1;
    var numericIdSource = idOfDraggedItem.replace(/[^0-9]/gi,'')/1;
    if(numericIdTarget-numericIdSource==100){
                                                
        sourceObj.style.backgroundColor='#0F0';
    }else{
        
        sourceObj.style.backgroundColor='#FF0000';
    }
    if(targetId=='preguntas'){
        targetObj = targetObj.getElementsByTagName('DIV')[0];   
    }
    targetObj.appendChild(sourceObj);
}
 
 
 
var dragDropObj = new DHTMLgoodies_dragDrop();
 
 
dragDropObj.addSource('box1',true);
dragDropObj.addSource('box2',true);
dragDropObj.addSource('box3',true);
 
 
 
dragDropObj.addTarget('box101','dropItems');
dragDropObj.addTarget('box102','dropItems');
dragDropObj.addTarget('box103','dropItems');
 
 
dragDropObj.addTarget('preguntas','dropItems');
 
dragDropObj.init();
</script>
 

Lo temé de acá :

ejemplo

El asunto es que no se deja arrastrar en una tablet.

¿Qué debo agregar o cambiar?

Ggracias por su ayuda