Saat menggunakan framework MUI, kita sering menggunakan kelas dengan .mui-action-back di headernya
<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> Pertanyaan kargo</h1> </header>
Klik logo kembali pada header untuk kembali ke halaman sebelumnya.
//Berikut ini adalah kode sumber di mui.js. Anda dapat melihat bahwa ketika mengklik untuk kembali, operasi berikut dilakukan secara internal //$.hook={} khusus digunakan untuk mencatat riwayat penelusuran. $.kembali = fungsi() { if (typeof $.options.beforeback === 'fungsi') { if ($.options.beforeback() === false) { kembali; ); };$.doAction = function(type, callback) {//Kembali ke rekaman sebelumnya if ($.isFunction(callback)) { //Panggilan balik yang ditentukan $.each($.hooks[type], callback); } else { //Tidak ada callback yang ditentukan, jalankan langsung $.each($.hooks[type], function(index, hook) { return !hook.handle(); } };$.addAction = function(type, hook) {//Tambahkan riwayat var hooks = $.hooks[type]; if (!hooks) { hooks = []; } hook.index = hook.index || kait.push(kait); kait.sort(fungsi(a, b) { kembalikan a.index - b.index; }); $.kait[tipe] = kait;
Saat kami merangkum H5 ke dalam sebuah APP, antarmuka 5+ yang kami gunakan memiliki konsep tampilan web, yaitu jendela.
Pada awalnya saya tidak sengaja membedakan kedua konsep ini, sehingga terkadang saya membuka jendela baru untuk membuka halaman web, atau terkadang saya langsung membukanya.
Lompat melalui URL seperti: location.href.
Hal ini akan menimbulkan situasi ketika memonitor tombol kembali ponsel. Skenarionya kira-kira sebagai berikut:
1. Buka perangkat lunak dan masuk ke beranda (main.html=>HBuilder[webview]) [yang pertama mewakili jalur akses lokal dari URL, dan yang terakhir adalah ID tampilan web jendela].
2. Lompat ke antarmuka login melalui location.href alih-alih membukanya dengan membuat tampilan web.
3. Setelah login, masuk ke halaman fungsi, tekan Return lagi, dan kembali ke halaman login. Harapannya adalah setelah saya login, jika saya mengklik tombol kembali di ponsel saya, saya akan langsung logout. Oleh karena itu, kami secara khusus mempelajari tentang fungsi rollback MUI. Hal ini dapat kita capai dengan mengesampingkan metode ini.
Pada halaman yang perlu dipantau:
mui.back=function(){//Tulis operasi yang perlu Anda lakukan setelah memantau kunci pengembalian
Namun, jika Anda masih menggunakan dua mode lompatan halaman web dan pembuatan formulir sebelumnya, hasil yang tidak diharapkan akan terjadi. Artinya, mui.back hanya dapat dipantau di file entri, dan pemantauan yang dilakukan di halaman atau formulir lain tidak dapat dilakukan .dipicu, semua dipantau oleh file entri mui.ba ck capture, hanya logika bisnis pemantauan dari file entri yang akan dieksekusi. Hal ini menyebabkan situasi yang memalukan untuk kembali ke halaman sebelumnya tanpa menyesuaikan acara pengembalian: misalnya, kembali ke halaman login, dan menyesuaikan Mengembalikan acara, kami menemukan bahwa semua peristiwa dipantau oleh file entri. Artinya tidak masuk akal untuk menulis mui.back=function(){} di laman lain.
Jika semua halaman lompat dibuka sebagai formulir, masalah di atas tidak akan terjadi. Setiap jendela biasanya dapat mendengarkan fungsi kustom mui.back
Di atas adalah keseluruhan isi artikel ini, saya harap dapat bermanfaat untuk pembelajaran semua orang. Saya juga berharap semua orang mendukung VeVb Wulin Network.