Events事件
优质
小牛编辑
126浏览
2023-12-01
一、简介
Cordova提供了一组事件,包括:deviceready,pause,resume,backbutton,volumedownbutton,volumeupbutton。应用可以监听这些事件,在监听中完成对事件的响应。
deviceready:设备就绪事件
pause: APP收纳到后台事件
resume: APP唤起到前台事件
handleOpenURL: 用户通过URL打开X5APP事件。该事件是WeX5增加的。更多详情请移步这艘小船cordova-plugin-customurlscheme。
android还有以下事件
backbutton: 按键返回事件。
volumedownbutton: 增大音量事件。
volumeupbutton: 减小音量事件。
二、对事件的处理。需要设置监听,并关联到相应的事件上。
(1)设置监听函数
Model.prototype.setListeners = function(event) { this.DeviceReadyListener = function() { justep.Util.hint("deviceReady: 设备就绪!"); } this.ResumeListener = function() { setTimeout(function() { justep.Util.hint("resume:应用恢复到前台!"); }, 2000); } this.PauseListener = function() { justep.Util.hint("pause:应用收到后台!", { "type" : "danger" }); } this.BackKeyDownListener = function() { justep.Util.hint("backbutton:您点击了返回键!", { "type" : "danger" }); } this.MenuKeyDownListener = function() { justep.Util.hint("menubutton:您点击了Menu键!", { "type" : "danger" }); } this.MenuKeyDownListener = function() { justep.Util.hint("menubutton:您点击了Menu键!", { "type" : "danger" }); } this.SearchKeyDownListener = function() { justep.Util.hint("searchbutton:您点击了搜索键!", { "type" : "danger" }); } this.VolumeDownKeyDownListener = function() { justep.Util.hint("volumedownbutton:您按下了减小音量键", { "type" : "danger" }); } this.VolumeUpKeyDownListener = function() { justep.Util.hint("volumeupbutton:您按下了增大音量键", { "type" : "danger" }); } }
(2)监听函数关联到事件
Model.prototype.onDeviceReadyClick = function(event) { document.addEventListener("deviceReady", this.DeviceReadyListener, false); }; Model.prototype.onResumeClick = function(event) { document.addEventListener("resume", this.ResumeListener, false); justep.Util.hint("OK,您监听了resume事件,切换app试试"); }; Model.prototype.onPauseClick = function(event) { document.addEventListener("pause", this.PauseListener, false); justep.Util.hint("OK,您监听了pause事件,切换app试试"); }; Model.prototype.onBackKeyDownClick = function() { document.addEventListener("backbutton", this.BackKeyDownListener, false); justep.Util.hint("您监听了backbutton事件,点返回键试试"); } Model.prototype.onMenuKeyDownClick = function() { document.addEventListener("menubutton", this.MenuKeyDownListener, false); justep.Util.hint("您监听了menubutton事件,点返Menu键试试"); } Model.prototype.onSearchKeyDownClick = function() { document.addEventListener("searchbutton", this.SearchKeyDownListener, false); justep.Util.hint("您监听了searchbutton事件,点返搜索键试试"); } Model.prototype.onVolumeDownKeyDownClick = function() { document.addEventListener("volumedownbutton", this.VolumeDownKeyDownListener, false); justep.Util.hint("您监听了音量减小事件,减小音量试试"); } Model.prototype.onVolumeUpKeyDownDownClick = function() { document.addEventListener("volumeupbutton", this.VolumeUpKeyDownListener, false); justep.Util.hint("您监听了音量增大事件,增大音量试试"); }