之前我們做過許多觸屏的特效，那么，今天，我們來分析下js的觸屏原理。事實上，大家百度一下js touch基本上可以找到這文章“指尖下的js ——多觸式web前端開發之一：對于Touch的處理”，我想這文章許多初學js touch的人都看過。
我們今天以實例來說明吧。在實現觸屏中，我們必須采用js的addEventListener，接著加上touchstart,touchmove,touchend。今天我們的代碼里加上了jquery，只不過是用來獲取ID及CSS，呵呵，畢竟，JQ大家都在用。但對于事件的添加，大家還是得用document,getElementById這種模式，因為這東西只有JS才有，JQUERY里并沒有TOUCH這樣的東西。
大家可以看到，在代碼里有這句話，e.preventDefault（），假設不寫這一句，你在觸屏的時候，頁面就會滑動，所以它的作用是巨大的。。。
e.touches[0]表示什么呢？就是手勢里的第一種，我們就認為是touch吧，觸屏里還有其它兩個手指的手勢，我們今天就學一種，呵。。。
我們取得對像的left,top及手的觸屏位置，這時，touchstart完成了。。。
我們那個isdrag是用來判斷是否可以拖動的，我們用手拖動后的位置加上對像的位置減去touchstart時的位置，就可以取得移動后的位置，這樣，我們就完成了touchmove這個過程。。
對于touchend，我們就寫上一個ifdrag=false,表示不再拖動啦。。
【網站聲明】本站除付費源碼經過測試外，其他素材未做測試，不保證完整性，網站上部分源碼僅限學習交流，請勿用于商業用途。如損害你的權益請聯系客服QQ：2655101040 給予處理，謝謝支持。