歡迎您訪問鄭州興邦電子股份有限公司官方網站!
    阿里巴巴誠信通企業
    全國咨詢熱線:40000-63966
    興邦電子,中國水控機第一品牌

    聯系興邦電子

    全國咨詢熱線:40000-63966

    工廠:河南省 鄭州市 高新區蓮花街電子電器產業園

    移動端 觸摸事件簡介

    文章出處:http://www.jypyjy.com 作者:興邦開發部 人氣: 發表時間:2016年10月21日

    [文章內容簡介]:移動端 觸摸事件簡介

     
    ontouchstart、ontouchmove、ontouchend、ontouchcancel
    在手機端頁面開發時,大部分會需要實現移動端手機觸發事件的使用。  
    其中touch事件touch是針對觸屏手機上的觸摸事件。現今大多數觸屏手機webkit內核提供了touch事件的監聽,讓開發者可以獲取用戶觸摸屏幕時的一些信息。
    其中包括:touchstart,touchmove,touchend,touchcancel 這四個事件。 
    touch事件就是其字面直譯“觸摸”。所以只要手指接觸到屏幕并不需要滑動就會觸發相關的事件
    1、Touch事件簡介
    pc上的web頁面鼠標會產生onmousedown、onmouseup、onmouseout、onmouseover、onmousemove的事件,但是在移動終端如 iphone、ipod  Touch、ipad上的web頁面觸屏時會產生ontouchstart、ontouchmove、ontouchend、ontouchcancel 事件,分別對應了觸屏開始、拖拽及完成觸屏事件和取消。
    在touch事件中三個主要動作:
    觸發touchstart::觸摸開始的時候觸發,即手指接觸到屏幕就觸發了;
    觸發touchmove:手指在屏幕上滑動的時候觸發;
    觸發touchend:觸摸結束的時候觸發,即手指離開屏幕時觸發;
    當一些更高級別的事件發生的時候(如電話接入或者彈出信息)會取消當前的touch操作,即觸發ontouchcancel。一般會在ontouchcancel時暫停游戲、存檔等操作。
     
    2、事件綁定:
    banner.addEventListener('touchstart', touchStart, false);
    banner.addEventListener('touchmove', touchMove, false);
    banner.addEventListener('touchend', touchEnd, false);
    事件綁定中需要注意的是:jquery庫的bind方法會出現綁定無效的問題,有的jquery版本是可以的。
    函數定義中需要注意的是在touchmove中瀏覽器的默認事件是移動頁面,比如上下滾動,在touchmove中需要禁止瀏覽器的默認動作,否則會影響到touchmove的觸發,尤其是在android中,iphone對這個處理的較好,影響較小。touchmove是一個會在move
     
    3、Touch事件與Mouse事件的出發關系
    在觸屏操作后,手指提起的一剎那(即發生ontouchend后),系統會判斷接收到事件的element的內容是否被改變,如果內容被改變,接下來的事 件都不會觸發,如果沒有改變,會按照mousedown,mouseup,click的順序觸發事件。特別需要提到的是,只有再觸發一個觸屏事件時,才會 觸發上一個事件的mouseout事件。
     
    捕獲觸摸點位置:
    在觸摸事件中捕獲到事件e,e會有一個屬性touches,e.touches表示的在屏幕上所有的觸摸點,但事實上,絕大數手機瀏覽器并不支持多點觸摸,所有用e.touchees[0]捕獲一個觸點就知足吧,不要再奢望獲取e.touches[>0]了,這個觸點的位置可以有e.touches[0].pageX獲取頁面x坐標(像素);

    本文關鍵詞:移動支付,互聯網,刷卡支付
    上一篇:查看軟件端口被占用情況[ 10-13 ] 下一篇:微信頁面的相關制作[ 10-21 ]
    回到頂部
    亚洲国产精品毛片av不卡在线| 国产亚洲精品AA片在线观看不加载| 国产精品免费看久久久香蕉| 色猫咪av在线网址| 国产精品第一页在线| 精品国产免费一区二区三区| 人妻无码久久精品| 成人午夜精品久久久久久久小说| 97久久超碰国产精品旧版| 爽爽精品dvd蜜桃成熟时电影院| 一级A毛片免费观看久久精品| 国产精品永久免费| 欧美韩国精品另类综合| 精品无码人妻一区二区免费蜜桃| 黄色影院免费观看| 亚洲国产小视频精品久久久三级| 亚洲日韩国产精品第一页一区| 亚洲国产主播精品极品网红 | 国产日韩久久久精品影院首页| 网友偷拍日韩精品| 久久久精品人妻无码专区不卡| 亚洲国产精品第一区二区| 高清免费久久午夜精品| 国产精品亚洲成在人线| 综合在线视频精品专区| 99国产精品一区二区| 精品无码久久久久久国产| 国产精品毛片无码| 男人j桶进女人j的视频| 91原创国产精品| 免费国产在线精品一区| 国产麻豆精品一区二区三区v视界| 久久精品国产亚洲av高清漫画| 亚洲国产精品一区| 青青青操国产在线视频| 四虎影视国产精品永久在线 | 精品综合久久久久久888蜜芽| mm1313亚洲国产精品无码试看| 天美传媒麻豆精品下载| 久久国产精品-久久精品| 国产一区二区精品久久|