国产91视频免费,国产一二三区视频,视频一区在线播放,一区二区三区高清在线观看,国产在线视频二区,国产福利小视频,在线观看91精品国产不卡免费
歡迎您訪問鄭州興邦電子股份有限公司官方網(wǎng)站!
阿里巴巴誠信通企業(yè)
全國咨詢熱線:40000-63966
興邦電子,中國水控機(jī)第一品牌

聯(lián)系興邦電子

全國咨詢熱線:40000-63966

工廠:河南省 鄭州市 高新區(qū)蓮花街電子電器產(chǎn)業(yè)園

移動(dòng)端 觸摸事件簡介

文章出處:http://yunxinrui.cn 作者:興邦開發(fā)部 人氣: 發(fā)表時(shí)間:2016年10月21日

[文章內(nèi)容簡介]:移動(dòng)端 觸摸事件簡介

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

本文關(guān)鍵詞:移動(dòng)支付,互聯(lián)網(wǎng),刷卡支付
回到頂部
国产91视频免费,国产一二三区视频,视频一区在线播放,一区二区三区高清在线观看,国产在线视频二区,国产福利小视频,在线观看91精品国产不卡免费