تنفيذ الكشف عن زر استعادة متصفح Browser المتقاطع

اكتشاف زر الخلاف ، اضغط على الأحداث

تحديد ما إذا كان المستخدم قد ضغط على زر استرداد المتصفح يمثل تحديًا. يقترح الكثيرون استخدام وظيفة window.onhashChange ، ولكنه يستجيب أيضًا لأزرار الخلفية داخل الصفحة ، مما يؤثر بشكل سلبي على تجربة المستخدم.

إدارة وظيفة زر العودة داخل الصفحة

لتطبيقات صفحة واحدة باستخدام التنقل التجاري ، ومن الأهمية بمكان التحكم في سلوك الأسر الخلفية. للقيام بذلك ، استخدم صفيفًا (window.location.lashash) لتخزين التجزئة السابقة حيث يقوم المستخدم بالتنقل في الواجهة. بدلاً من ذلك ، تم ابتكار متغير العلم بواسطة onMouseover للوثيقة (عندما يحوم الماوس على المستند) و onMouseLeave (عندما يخرج الماوس). if (window.innerdocclick) { // أدت الآلية داخل الصفحة إلى تغيير التجزئة } آخر { if (window.location.hash! = '#Undefined') { // زر استرداد المتصفح النقر فوق عُد()؛ } } }

منع السعة الخلفية من زر الإعادة المقلدة

لمنع Backspace من تشغيل حدث زر الخلف ، وتنفيذ البرنامج النصي التالي:

$ (function () { var rx = /input | select | textarea /i ؛ $ (document) .bind ("keydown keypress" ، function (e) { if (e.hich == 8) {// 8 == backspace if (! rx.test (e.target.tagname) || e.target.disabled || E.PreventDefault () ؛ } } }) ؛ }) ؛

باختصار ، من خلال استخدام أحداث تحوم المستند ، يمكن للمرء أن يفرق بشكل فعال بين نقرات زر إعادة المتصفح واستخدام زر الخلفية داخل الصفحة ، مما يسمح بالتحكم الدقيق في وظيفة زر الخلفية.