في التطبيقات الفعلية ، غالبًا ما نحتاج إلى تنفيذ الحاجة إلى النقر فوق الإرجاع والعودة والصفحة السابقة والأزرار الأخرى في تطبيقات ومتصفحات الأجهزة المحمولة لإغلاق الصفحة أو التكيف مع الصفحة المحددة أو تنفيذ بعض العمليات الأخرى. لذا ، كيفية مراقبة الأحداث عند النقر فوق زر الإرجاع للتطبيقات مثل WeChat و Alipay و Baidu Nuomi أو Baidu Wallet ، وما إلى ذلك أو زر المتصفح السابق أو زر العودة.
أعتقد أن العديد من الأصدقاء مثلي ، الذين بحثوا في Baidu و Sogou لفترة طويلة ولكن لم يجدوا طريقة.
إليك كيفية مراقبة:
بادئ ذي بدء ، نحن بحاجة إلى فهم تاريخ المتصفح.
كما تعلمون ، يمكننا استخدام سجل نافذة JavaScript على الصفحة والعودة إلى الصفحة السابقة. ومع ذلك ، نظرًا لأسباب الأمان ، لا تسمح JavaScript بتعديل رابط عنوان URL الحالي في التاريخ ، ولكن يمكنك استخدام طريقة PushState لإضافة روابط URL إلى السجل ، وتوفير مراقبة الأحداث البوبستيت لإيقاف عنوان URL من مكدس التاريخ. منذ توفير مراقبة الأحداث Popstate ، يمكننا مراقبتها.
انقر فوق الزر للاستماع إلى رمز التنفيذ للعودة والعودة وزر الصفحة السابقة:
Window.AdDeventListener ("popstate" ، الدالة (e) {Alert ("سمعت حدث زر إرجاع المتصفح") ؛ // قم بتنفيذ وظيفتك الخاصة وفقًا لاحتياجاتك الخاصة} ، خطأ) ؛على الرغم من أننا استمعنا إلى الحدث الخلفي ، إلا أن الصفحة ستظل تعود إلى الصفحة السابقة ، لذلك نحتاج إلى استخدام PushState لإضافة عنوان URL لهذه الصفحة لتمثيل هذه الصفحة. يعلم الجميع جيدًا أنه #
دالة pushHistory () {var state = {title: "title" ، url: "#"} ؛ window.history.pushstate (State ، "title" ، "#") ؛ }عند إدخال هذه الصفحة ، نضغط على اتصال محلي بهذا التاريخ. عند النقر على عمليات الإرجاع ، الوراء والصفحة السابقة ، استمع وتنفيذ عملياتك الخاصة في رمز الاستماع.
هنا هو الرمز الكامل:
$ (function () {pushhistory () ؛ window.adDeventListener ("popstate" ، الوظيفة (e) {alert ("لقد سمعت أن زر إرجاع المتصفح") ؛ // قم بتنفيذ وظائفك الخاصة وفقًا لاحتياجاتك} ، false) "#") ؛المحتوى أعلاه هو مجرد الرمز الأساسي المدرج من قبل المحرر للجميع. يمكنك إضافة وتعديل وحذف الرمز وفقًا لاحتياجاتك. إذا وجدت أي أسئلة أثناء عملية الإشارة إلى هذا الرمز ، فيرجى ترك رسالة لي وسوف يرد المحرر على الجميع في الوقت المناسب!