亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

ionic中文教程 / ionic 手勢(shì)事件

ionic 手勢(shì)事件


事件描述用法實(shí)例
on-hold長(zhǎng)按的時(shí)間是500毫秒。
<button 
	on-hold="onHold()" 
	class="button">
	Test
	</button>
嘗試一下 ?
on-tap這個(gè)是手勢(shì)輕擊事件，如果長(zhǎng)按時(shí)間超過(guò)250毫秒，那就不是輕擊了。。
<button 
	on-tap="onTap()" 
	class="button">
	Test
	</button>
嘗試一下 ?
on-double-tap手雙擊屏幕事件
<button 
	on-double-tap="onDoubleTap()" 
	class="button">
	Test
	</button>
嘗試一下 ?
on-touch這個(gè)和 on-tap 還是有區(qū)別的，這個(gè)是立即執(zhí)行，而且是用戶點(diǎn)擊立馬執(zhí)行。不用等待 touchend/mouseup 。
	<button on-touch="onTouch()" 
	class="button">
	Test
	</button>
嘗試一下 ?
on-release當(dāng)用戶結(jié)束觸摸事件時(shí)觸發(fā)。
<button 
	on-release="onRelease()" 
	class="button">
	Test
</button>
嘗試一下 ?
on-drag這個(gè)有點(diǎn)類似于PC端的拖拽。當(dāng)你一直點(diǎn)擊某個(gè)物體，并且手開始移動(dòng)，都會(huì)觸發(fā) on-drag。
<button 
	on-drag="onDrag()" 
	class="button">
	Test
</button>
嘗試一下 ?
on-drag-up向上拖拽。
<button 
	on-drag-up="onDragUp()" 
	class="button">
	Test
</button>
嘗試一下 ?
on-drag-right向右拖拽。
<button 
	on-drag-right="onDragRight()" 
	class="button">
	Test
</button>
嘗試一下 ?
on-drag-down向下拖拽。
<button 
	on-drag-down="onDragDown()" 
	class="button">
	Test
</button>
嘗試一下 ?
on-drag-left向左邊拖拽。
<button 
	on-drag-left="onDragLeft()" 
	class="button">
	Test
</button>
嘗試一下 ?
on-swipe指手指滑動(dòng)效果，可以是任何方向上的。而且也和 on-drag 類似，都有四個(gè)方向上單獨(dú)的事件。
<button 
	on-swipe="onSwipe()" 
	class="button">
	Test
</button>
嘗試一下 ?
on-swipe-up向上的手指滑動(dòng)效果。
<button 
	on-swipe-up="onSwipeUp()" 
	class="button">
	Test
</button>
嘗試一下 ?
on-swipe-right向右的手指滑動(dòng)效果。
<button 
	on-swipe-right="onSwipeRight()" 
	class="button">
	Test
</button>
嘗試一下 ?
on-swipe-down向下的手指滑動(dòng)效果。
<button
	on-swipe-down="onSwipeDown()"
	class="button">
	Test
</button>
嘗試一下 ?
on-swipe-left向左的手指滑動(dòng)效果。
<button 
	on-swipe-left="onSwipeLeft()"
	class="button">
	Test
</button>
嘗試一下 ?

$ionicGesture

一個(gè)angular服務(wù)展示ionicionic.EventController手勢(shì)。

方法

on(eventType, callback, $element)

在一個(gè)元素上添加一個(gè)事件監(jiān)聽器。

參數(shù)類型詳情
eventTypestring

監(jiān)聽的手勢(shì)事件。

callbackfunction(e)

當(dāng)手勢(shì)事件發(fā)生時(shí)觸發(fā)的事件。

$elementelement

angular元素監(jiān)聽的事件。

optionsobject

對(duì)象。

off(eventType, callback, $element)

在一個(gè)元素上移除一個(gè)手勢(shì)事件監(jiān)聽器。

參數(shù)類型詳情
eventTypestring

移除監(jiān)聽的手勢(shì)事件。

callbackfunction(e)

移除監(jiān)聽器。

$elementelement

被監(jiān)聽事件的angular元素。