อิออน - เหตุการณ์ Javascript
สามารถใช้เหตุการณ์ Ionic ต่างๆเพื่อเพิ่มการโต้ตอบกับผู้ใช้ได้ ตารางต่อไปนี้อธิบายเหตุการณ์ไอออนิกทั้งหมด
| ชื่อเหตุการณ์ | รายละเอียดกิจกรรม |
|---|---|
| ระงับ | เรียกว่าเมื่อระยะเวลาสัมผัสมากกว่า 500 มิลลิวินาที |
| เมื่อแตะ | เรียกเมื่อระยะเวลาของการสัมผัสน้อยกว่า 250 มิลลิวินาที |
| เมื่อแตะสองครั้ง | เรียกว่าเมื่อมีการแตะสองครั้ง |
| เมื่อสัมผัส | เรียกทันทีเมื่อเริ่มสัมผัส |
| เมื่อปล่อย | เรียกว่าเมื่อสัมผัสสิ้นสุด |
| ในการลาก | เรียกว่าเมื่อสัมผัสถูกย้ายโดยไม่ปล่อยรอบหน้าในทิศทางใด ๆ |
| เมื่อลากขึ้น | เรียกว่าเมื่อองค์ประกอบถูกลากขึ้น |
| บน - ลาก - ขวา | เรียกว่าเมื่อองค์ประกอบถูกลากไปทางขวา |
| บนลากซ้าย | เรียกว่าเมื่อองค์ประกอบถูกลากไปทางซ้าย |
| บนลากลง | เรียกว่าเมื่อองค์ประกอบถูกลากลง |
| เมื่อรูด | เรียกว่าเมื่อการลากมีความเร็วสูงเคลื่อนที่ไปในทิศทางใด ๆ |
| ในการปัดขึ้น | เรียกว่าเมื่อการลากใด ๆ มีความเร็วสูงเคลื่อนขึ้น |
| บนปัดขวา | เรียกว่าเมื่อการลากใด ๆ มีความเร็วสูงเคลื่อนไปทางขวา |
| บนปัดซ้าย | เรียกว่าเมื่อการลากใด ๆ มีความเร็วสูงเคลื่อนไปทางซ้าย |
| ในการปัดลง | เรียกว่าเมื่อการลากใด ๆ มีความเร็วสูงเคลื่อนที่ลง |
การใช้เหตุการณ์
เนื่องจากเหตุการณ์ Ionic ทั้งหมดสามารถใช้ในลักษณะเดียวกันเราจะแสดงวิธีใช้ไฟล์ on-touchและคุณสามารถใช้หลักการเดียวกันกับเหตุการณ์อื่น ๆ ได้ ในการเริ่มต้นเราจะสร้างปุ่มและกำหนดไฟล์on-touch ซึ่งจะเรียกไฟล์ onTouchFunction().
<button on-touch = "onTouchFunction()" class="button">Test</button>
จากนั้นเราจะสร้างฟังก์ชันนั้นในขอบเขตคอนโทรลเลอร์ของเรา
$scope.onTouchFunction = function() {
// Do something...
}
ตอนนี้เมื่อเหตุการณ์การสัมผัสเกิดขึ้น onTouchFunction() จะถูกเรียก