Cordova - เหตุการณ์

มีกิจกรรมต่างๆที่สามารถใช้ในโครงการ Cordova ตารางต่อไปนี้แสดงเหตุการณ์ที่มี

ส. เลขที่ กิจกรรมและรายละเอียด
1

deviceReady

เหตุการณ์นี้จะเกิดขึ้นเมื่อ Cordova โหลดเต็มที่ สิ่งนี้ช่วยให้แน่ใจว่าไม่มีการเรียกใช้ฟังก์ชัน Cordova ก่อนที่ทุกอย่างจะโหลด

2

pause

เหตุการณ์นี้จะถูกทริกเกอร์เมื่อแอปถูกใส่ลงในพื้นหลัง

3

resume

เหตุการณ์นี้จะเกิดขึ้นเมื่อแอปถูกส่งกลับจากพื้นหลัง

4

backbutton

เหตุการณ์นี้จะเกิดขึ้นเมื่อกดปุ่มย้อนกลับ

5

menubutton

เหตุการณ์นี้จะเกิดขึ้นเมื่อกดปุ่มเมนู

6

searchbutton

เหตุการณ์นี้จะเกิดขึ้นเมื่อกดปุ่มค้นหาของ Android

7

startcallbutton

เหตุการณ์นี้จะเกิดขึ้นเมื่อกดปุ่มเริ่มโทร

8

endcallbutton

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

9

volumedownbutton

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

10

volumeupbutton

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

การใช้เหตุการณ์

เหตุการณ์ทั้งหมดใช้วิธีเดียวกันเกือบทั้งหมด เราควรเพิ่มผู้ฟังเหตุการณ์ในไฟล์js แทนที่จะเป็น inline event calling ตั้งแต่ Cordova Content Security Policyไม่อนุญาต Javascript แบบอินไลน์ หากเราพยายามเรียกเหตุการณ์แบบอินไลน์ข้อผิดพลาดต่อไปนี้จะแสดงขึ้น

วิธีการทำงานกับเหตุการณ์ที่ถูกต้องคือการใช้ addEventListener. เราจะเข้าใจวิธีใช้ไฟล์volumeupbutton เหตุการณ์ผ่านตัวอย่าง

document.addEventListener("volumeupbutton", callbackFunction, false);  
function callbackFunction() { 
   alert('Volume Up Button is pressed!');
}

เมื่อเรากด volume up หน้าจอจะแสดงการแจ้งเตือนต่อไปนี้

การจัดการปุ่มย้อนกลับ

เราควรใช้ปุ่มย้อนกลับของ Android สำหรับการทำงานของแอพเช่นกลับไปที่หน้าจอก่อนหน้า ในการใช้งานฟังก์ชันของคุณเองอันดับแรกเราควรปิดใช้งานปุ่มย้อนกลับที่ใช้เพื่อออกจากแอพ

document.addEventListener("backbutton", onBackKeyDown, false);  
function onBackKeyDown(e) { 
   e.preventDefault(); 
   alert('Back Button is Pressed!'); 
}

ตอนนี้เมื่อเรากดปุ่มย้อนกลับของ Android การแจ้งเตือนจะปรากฏบนหน้าจอแทนที่จะออกจากแอป ซึ่งทำได้โดยใช้ไฟล์e.preventDefault() คำสั่ง