2011-10-20 28 views
4

我目前正在嘗試在HTML5中構建一個移動網絡應用程序,並且想知道是否有人可以將我指向正確的方向。爲ontouchmove事件獲取「this」?

我想模仿使用JavaScript的iPhone/iPad的A-Z部分索引功能。這裏是你可以WebKit的瀏覽一個煎茶例如:http://dev.sencha.com/deploy/touch/examples/oreilly/(在「揚聲器」點擊)

下面是函數我到目前爲止:

  $(".jumplistitem").bind("touchmove", function(e) { 
      e.preventDefault(); 
      letter = $(this).text().toLowerCase(); 
      scrolltarget = ".x-group-" + letter; 
      merchantScroll.scrollToElement(scrolltarget, 0); 
     }); 

功能觸發罰款,一個簡單的點擊或觸摸事件,但我需要在示例中看到的「拖動」行爲。因此,用戶只需在a-z列表上拖動他/她的手指,該功能就會相應地觸發。現在,它只發射一次。

有趣的是,它使用懸停事件的鼠標完美地工作。我只需要模仿它。

我認爲問題是與「這個」元素,但任何幫助將不勝感激!

+4

我找到了解決辦法.. 我取代 「本」 有: document.elementFromPoint(touch.pageX,touch.pageY) 現在的偉大工程。 –

+2

請將您的解決方案作爲答案發布,然後將其標記爲這樣。 –

+0

我希望我可以......沒有足夠的聲望點在堆棧上做到這一點。 –

回答

3

jQuery的事件對象包含對發起事件的對象的引用。在你的例子中,這將是'e.target'。

letter = e.target.text().toLowerCase();