Mercurial > tiny-letterpress
changeset 6:efb34c9b7c18
added touch support
author | Atul Varma <avarma@mozilla.com> |
---|---|
date | Sun, 02 May 2010 16:18:40 -0700 |
parents | d2f7b69ac319 |
children | 0287d65ec97f |
files | index.html |
diffstat | 1 files changed, 17 insertions(+), 3 deletions(-) [+] |
line wrap: on
line diff
--- a/index.html Sun May 02 15:21:48 2010 -0700 +++ b/index.html Sun May 02 16:18:40 2010 -0700 @@ -220,6 +220,11 @@ event.preventDefault(); $(this).removeClass("active"); }); + + $(node).bind("touchcancel", function(event) { + event.preventDefault(); + $(this).removeClass("active"); + }); } } @@ -258,6 +263,8 @@ $(node).bind("mousewheel", function(event) { accelerate(-event.wheelDelta); }); + + $(node).find(".letter-prototype").bind("click", makeLetter); } else { $(node).bind("touchstart", function(event) { event.preventDefault(); @@ -270,6 +277,16 @@ accelerate(startY - currY); startY = currY; }); + + $(node).bind("touchend", function(event) { + event.preventDefault(); + if (veloc == 0) { + var target = event.changedTouches[0].target; + if (target.nodeType == target.TEXT_NODE) + target = target.parentNode; + makeLetter.call(target); + } + }); } } @@ -288,8 +305,6 @@ var matrix = new WebKitCSSMatrix(); - console.log(this.offsetLeft + " " + this.offsetTop); - // TODO: This assumes things about the DOM structure that // we don't want to have to assume. matrix = matrix.translate( @@ -318,7 +333,6 @@ div.textContent = ALPHABET[i]; div.className = "letter-prototype"; node.appendChild(div); - $(div).bind("click", makeLetter); } }