Ejemplo de método para monitorear el procesamiento de eventos de devolución en la aplicación Html5

Cuando usamos el marco MUI, a menudo usamos una clase con .mui-action-back en el encabezado

 <header class=mui-bar mui-bar-nav> <a class=mui-action-back mui-icon mui-icon-left-nav mui-pull-left></a> <h1 class=mui-title> Consulta de carga</h1> </header>

Haga clic en el logotipo de devolución en el encabezado para regresar a la página anterior.

 // El siguiente es el código fuente en mui.js. Puede ver que al hacer clic para regresar, las siguientes operaciones se realizan internamente //$.hook={} se usa especialmente para registrar el historial de navegación. $.back = function() { if (tipo de $.options.beforeback === 'función') { if ($.options.beforeback() === false) { return } } $.doAction('backs' ); };$.doAction = function(type, callback) {//Volver al registro anterior if ($.isFunction(callback)) { //Devolución de llamada especificada $.each($.hooks[type], callback); } else { // No se especifica ninguna devolución de llamada, ejecute directamente $.each($.hooks[type], function(index, hook) { return !hook.handle(); }); = función(tipo, gancho) {//Agregar historial var ganchos = $.hooks[tipo]; if (!hooks) { ganchos = []; gancho.index = gancho.index || ganchos.push(gancho); ganchos.sort(función(a, b) { devolver a.index - b.index; }); $.hooks[tipo] = devolver $.hooks[tipo];

Cuando encapsulamos H5 en una aplicación, la interfaz 5+ que utilizamos tiene el concepto de vista web, que es una ventana.

Al principio, no distinguía deliberadamente entre estos dos conceptos, por lo que a veces abría una nueva ventana para abrir la página web, o a veces directamente

Salta a través de la URL como: ubicación.href.

Esto conducirá a una situación en la que se monitorea el botón Atrás del teléfono móvil. El escenario es aproximadamente el siguiente:

1. Abra el software e ingrese a la página de inicio (main.html=>HBuilder[webview]) [la primera representa la ruta de acceso local de la URL y la segunda es la ID de la ventana webview].

2. Vaya a la interfaz de inicio de sesión a través de location.href en lugar de abrirlo creando una vista web.

3. Después de iniciar sesión, ingrese a la página de funciones, presione Volver nuevamente y regrese a la página de inicio de sesión. La expectativa es que después de iniciar sesión, si hago clic en el botón Volver en mi teléfono, cerraré sesión directamente. Por esta razón, aprendimos especialmente sobre la función de reversión de MUI. Podemos lograr esto anulando este método.

En la página que necesita ser monitoreada:

 mui.back=function(){// Escribe las operaciones que debes realizar después de monitorear la clave de retorno

Sin embargo, si aún utiliza los dos modos anteriores de salto de página web y creación de formularios, se producirán resultados inesperados. Es decir, mui.back solo se puede monitorear en el archivo de entrada y no será posible monitorear en otras páginas o formularios. , todos son monitoreados por el archivo de entrada mui.ba. ck capture, solo se ejecutará la lógica comercial de monitoreo del archivo de entrada. Esto lleva a la situación embarazosa de regresar a la página anterior sin personalizar el evento de retorno: por ejemplo, regresar a la página de inicio de sesión y personalizar Devolver los eventos, nosotros. descubrió que todos los eventos fueron monitoreados por el archivo de entrada. Esto significa que no tiene sentido escribir mui.back=function(){} en otras páginas.

Si todas las páginas de salto se abren como formularios, no se producirán los problemas anteriores. Cada ventana normalmente puede escuchar la función personalizada mui.back

Lo anterior es el contenido completo de este artículo. Espero que sea útil para el estudio de todos. También espero que todos apoyen VeVb Wulin Network.