include
.js('%libraries%/fooModule.js?color=red&type=touchEnabled')
.done(function(){
// и нам не нужно здесь
fooModule.settings({
color: 'red'
});
// и главное, если fooModule загружает зависимости, не нужно ещё раз указывать и ждать загрузки
fooModule
.loadByType('touchEnabled')
.done(function(fooModule){
fooModule.settings({ color: 'red' });
});
})<p></p>
<div style='position:absolute; width: 50px; height: 50px; background: red;'></div>
<script>
(function(){
var p = document.querySelector('p'),
div = document.querySelector('div'),
count = 0
;
function log() {
p.textContent = Array.prototype.join.call(arguments, ' ');
}
document.addEventListener('touchstart',start,false);
document.addEventListener('touchend', end, false);
document.addEventListener('touchmove', move, false);
function start() {
log('touch: start');
}
function move(event) {
event.preventDefault();
++ count;
if (event.touches)
event = event.touches[0];
else if (event.changedTouches)
event = event.changedTouches[0];
var x = event.pageX,
y = event.pageY
;
log('touch: move', Date.now(), x, y)
div.style.left = x + 'px';
div.style.top = y + 'px';
}
function end() {
log('touch: end', count);
}
}());
</script>
подробнее uris