Latest web development tutorials

เหตุการณ์ท่าทางไอออนิก

เหตุการณ์ ลักษณะ การใช้ ตัวอย่าง
on-Hold เวลากดยาว 500 มิลลิวินาที
<button 
	on-hold="onHold()" 
	class="button">
	Test
	</button>
ลอง»
บนแตะ นี่คือท่าทางแตะเหตุการณ์ที่เกิดขึ้นถ้าคุณกดยาวมานานกว่า 250 มิลลิวินาทีก็ไม่ได้แตะ .
<button 
	on-tap="onTap()" 
	class="button">
	Test
	</button>
ลอง»
บนแตะสองครั้ง มือแตะหน้าจอเหตุการณ์
<button 
	on-double-tap="onDoubleTap()" 
	class="button">
	Test
	</button>
ลอง»
ในสัมผัส บนแตะและมีความแตกต่างนี้จะถูกดำเนินการในทันที แต่ผู้ใช้คลิกดำเนินการได้ทันที โดยไม่ต้องรอ touchend / MouseUp
	<button on-touch="onTouch()" 
	class="button">
	Test
	</button>
ลอง»
ในการเปิดตัว ไฟไหม้เมื่อผู้ใช้ปลายทางของเหตุการณ์ที่สัมผัส
<button 
	on-release="onRelease()" 
	class="button">
	Test
</button>
ลอง»
ในการลาก นี้จะค่อนข้างคล้ายกับด้านพีซีลาก เมื่อคุณคลิกบนวัตถุที่ได้รับและเริ่มที่จะย้ายมือจะแสดงผลบนลาก
<button 
	on-drag="onDrag()" 
	class="button">
	Test
</button>
ลอง»
ในการลากขึ้น ลากขึ้นไปข้างบน
<button 
	on-drag-up="onDragUp()" 
	class="button">
	Test
</button>
ลอง»
ในการลากขวา ลากไปทางขวา
<button 
	on-drag-right="onDragRight()" 
	class="button">
	Test
</button>
ลอง»
ในการลากลง ลากลง
<button 
	on-drag-down="onDragDown()" 
	class="button">
	Test
</button>
ลอง»
ในการลากซ้าย ลากไปทางซ้าย
<button 
	on-drag-left="onDragLeft()" 
	class="button">
	Test
</button>
ลอง»
ในรูด หมายถึงผลกระทบนิ้วเลื่อนมันอาจจะเป็นทิศทางใด แต่ก็ยังมีและลากในทำนองเดียวกันมีเป็นเหตุการณ์ที่แยกจากกันในสี่ทิศทาง
<button 
	on-swipe="onSwipe()" 
	class="button">
	Test
</button>
ลอง»
ในรูดขึ้น ขึ้นนิ้วเลื่อนผล
<button 
	on-swipe-up="onSwipeUp()" 
	class="button">
	Test
</button>
ลอง»
ในรูดขวา นิ้วมือขวาผลเลื่อน
<button 
	on-swipe-right="onSwipeRight()" 
	class="button">
	Test
</button>
ลอง»
เมื่อวันที่รูดลง ลงผลนิ้วเลื่อน
<button
	on-swipe-down="onSwipeDown()"
	class="button">
	Test
</button>
ลอง»
ในรูดซ้าย นิ้วมือซ้ายผลเลื่อน
<button 
	on-swipe-left="onSwipeLeft()"
	class="button">
	Test
</button>
ลอง»

$ IonicGesture

มีบริการการแสดงผล ionicionic.EventController ท่าทางเชิงมุม

ทาง

on(eventType, callback, $element)

เพิ่มฟังเหตุการณ์ในองค์ประกอบ

พารามิเตอร์ ชนิด รายละเอียด
eventType string

ฟังเหตุการณ์ท่าทาง

โทรกลับ function(e)

เมื่อมีเหตุการณ์เรียกเหตุการณ์ท่าทาง

$ ธาตุ element

องค์ประกอบเชิงมุมของเหตุการณ์ที่ฟัง

ตัวเลือก object

วัตถุ

off(eventType, callback, $element)

ลบฟังเหตุการณ์ท่าทางในองค์ประกอบ

พารามิเตอร์ ชนิด รายละเอียด
eventType string

ลบฟังเหตุการณ์ท่าทาง

โทรกลับ function(e)

นำผู้ฟัง

$ ธาตุ element

เหตุการณ์ที่เกิดขึ้นมันคือการตรวจสอบองค์ประกอบเชิงมุม