成人无码视频,亚洲精品久久久久av无码,午夜精品久久久久久毛片,亚洲 中文字幕 日韩 无码

資訊專(zhuān)欄INFORMATION COLUMN

touch事件小結(jié)

yvonne / 514人閱讀

摘要：原文目前支持良好的三種觸摸事件。位于當(dāng)前元素上的手指動(dòng)作的列表涉及當(dāng)前事件的手指動(dòng)作的列表。例如，在一個(gè)事件中，這將是移開(kāi)手指觸摸事件位置信息這些信息可以判斷拖動(dòng)的方向下拉刷新上拉加載。

原文：http://zhuxinyong.com/2016/03/08/touch%E4%BA%8B%E4%BB%B6%E5%B0%8F%E7%BB%93/
目前支持良好的三種觸摸事件：1. touchstart 2. touchmove 3. touchend。

ToucheEvent -> TouchList -> Touch
觸摸事件屬性（TouchEvent）：
Represents an event that occurs when the state of touches on the surface changes.

觸摸事件列表（TouchList）：

Represents a group of touches; this is used when the user has, for example, multiple fingers on the surface at the same time.

touches 當(dāng)前位于屏幕上的所有手指動(dòng)作的列表。

targetTouches 位于當(dāng)前 DOM 元素上的手指動(dòng)作的列表

changedTouches 涉及當(dāng)前事件的手指動(dòng)作的列表。例如，在一個(gè) touchend 事件中，這將是移開(kāi)手指
觸摸事件（Touch）：

Represents a single point of contact between the user and the touch surface.

位置信息：

clientX/Y

pageX/Y

screenX/y
這些信息可以判斷拖動(dòng)的方向（下拉刷新／上拉加載）。

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.hztianpu.com/yun/86284.html

相關(guān)文章

  • 移動(dòng)web開(kāi)發(fā)問(wèn)題和優(yōu)化小結(jié)

    摘要：如何讓我們所開(kāi)發(fā)的手機(jī)頁(yè)面能有更好的交互體驗(yàn)，就是這篇文章的主旨移動(dòng)開(kāi)發(fā)問(wèn)題和優(yōu)化小結(jié)。關(guān)于和鼠標(biāo)事件的延遲說(shuō)明，我引用葉小釵大神博客里面的一張圖片，如下在手機(jī)上，的延遲將近。 1.前言 到目前為止，互聯(lián)網(wǎng)行業(yè)里，手機(jī)越來(lái)越智能化，移動(dòng)端占有的比例越來(lái)越高，尤其實(shí)在電商，新聞，廣告，游戲領(lǐng)域。用戶(hù)要求越來(lái)越高，網(wǎng)站功能越來(lái)越好，效果越來(lái)越炫酷，這就要求我們產(chǎn)品質(zhì)量越來(lái)越高，web前端開(kāi)...

    galaxy_robot 評(píng)論0 收藏0

  • 移動(dòng)web開(kāi)發(fā)問(wèn)題和優(yōu)化小結(jié)

    摘要：如何讓我們所開(kāi)發(fā)的手機(jī)頁(yè)面能有更好的交互體驗(yàn)，就是這篇文章的主旨移動(dòng)開(kāi)發(fā)問(wèn)題和優(yōu)化小結(jié)。關(guān)于和鼠標(biāo)事件的延遲說(shuō)明，我引用葉小釵大神博客里面的一張圖片，如下在手機(jī)上，的延遲將近。 1.前言 到目前為止，互聯(lián)網(wǎng)行業(yè)里，手機(jī)越來(lái)越智能化，移動(dòng)端占有的比例越來(lái)越高，尤其實(shí)在電商，新聞，廣告，游戲領(lǐng)域。用戶(hù)要求越來(lái)越高，網(wǎng)站功能越來(lái)越好，效果越來(lái)越炫酷，這就要求我們產(chǎn)品質(zhì)量越來(lái)越高，web前端開(kāi)...

    ysl_unh 評(píng)論0 收藏0

  • 移動(dòng)端開(kāi)發(fā)知識(shí)小結(jié)

    摘要：標(biāo)簽相關(guān)能優(yōu)化移動(dòng)瀏覽器的顯示。會(huì)導(dǎo)致添加到主屏后以全屏模式打開(kāi)頁(yè)面時(shí)出現(xiàn)黑邊如果不是響應(yīng)式網(wǎng)站，不要使用或者禁用縮放。這一對(duì)事件可以用來(lái)檢測(cè)元素上的單擊和雙擊。 meta標(biāo)簽相關(guān) viewport：能優(yōu)化移動(dòng)瀏覽器的顯示。 如果不是響應(yīng)式網(wǎng)站，不要使用initial-scale或者禁用縮放。適配 iPhone 6 和 iPhone 6plus 則需要寫(xiě)： 大部分 4.7~...

    Freeman 評(píng)論0 收藏0

  • H5下拉刷新和上拉加載實(shí)現(xiàn)原理淺析

    摘要：原文鏈接前言在移動(dòng)端網(wǎng)頁(yè)中，下拉刷新和上拉加載更多數(shù)據(jù)的交互方式出現(xiàn)頻率很高，開(kāi)源社區(qū)也有很多類(lèi)似的解決方案，如，庫(kù)等。 原文鏈接：justrockit.top 前言 在移動(dòng)端H5網(wǎng)頁(yè)中，下拉刷新和上拉加載更多數(shù)據(jù)的交互方式出現(xiàn)頻率很高，開(kāi)源社區(qū)也有很多類(lèi)似的解決方案，如iscroll，pulltorefresh.js庫(kù)等。下面是對(duì)這兩種常見(jiàn)交互基本實(shí)現(xiàn)原理的闡述。 實(shí)現(xiàn)原理 下拉刷新...

    X1nFLY 評(píng)論0 收藏0

  • H5下拉刷新和上拉加載實(shí)現(xiàn)原理淺析

    摘要：原文鏈接前言在移動(dòng)端網(wǎng)頁(yè)中，下拉刷新和上拉加載更多數(shù)據(jù)的交互方式出現(xiàn)頻率很高，開(kāi)源社區(qū)也有很多類(lèi)似的解決方案，如，庫(kù)等。 原文鏈接：justrockit.top 前言 在移動(dòng)端H5網(wǎng)頁(yè)中，下拉刷新和上拉加載更多數(shù)據(jù)的交互方式出現(xiàn)頻率很高，開(kāi)源社區(qū)也有很多類(lèi)似的解決方案，如iscroll，pulltorefresh.js庫(kù)等。下面是對(duì)這兩種常見(jiàn)交互基本實(shí)現(xiàn)原理的闡述。 實(shí)現(xiàn)原理 下拉刷新...

    Bmob 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

閱讀需要支付1元查看
<