بشكل افتراضي، يستخدم النظام مفتاح Tab لتبديل تركيز عناصر الصفحة. هل فكرت يومًا أن مفتاح Enter يمكنه أيضًا تحقيق هذه الوظيفة والحصول على تجربة مستخدم جيدة. بعد ذلك، نستخدم Jquery لتنفيذ مفتاح Enter لتبديل التركيز. تم اختبار هذا الرمز في المتصفحات شائعة الاستخدام IE7 وIE8 وFirefox 3 وChrome 2 وSafari 4.
أداة التطوير المستخدمة هي إطار عمل Microsoft VS2010+Jquery
خطوات التنفيذ هي كما يلي
1. قم أولاً بالرجوع إلى مكتبة فئة Jquery
<script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>
2. كود جافا سكريبت
<نوع البرنامج النصي = "نص/جافا سكريبت">
$(وظيفة () {
$('input:text:first').focus();
var $inp = $('input:text');
$inp.bind('keydown'، الوظيفة (e) {
مفتاح var = e.what;
إذا (مفتاح == 13) {
e.preventDefault();
فار nxtIdx = $inp.index(this) + 1;
$(":input:text:eq(" + nxtIdx + ")").focus();
}
});
});
</script>
تحليل :
$('input:text:first').focus();
عند تهيئة الصفحة، يتم وضع التركيز في مربع النص الأول
var $inp = $('input:text');
خذ النوع = مجموعة عناصر مربع النص
$inp.bind('keydown'، الوظيفة (e) {}
قم بربط حدث "keydown" بمجموعة مربعات النص
مفتاح var = e.what;
احصل على قيمة المفتاح المضغوط حاليًا، مثل أدخل قيمة المفتاح = 13
e.preventDefault();
يمكنك منع حدوث سلوكه الافتراضي وحدوث شيء آخر. هنا نمنع حدوث PostBack ونقوم بتبديل التركيز بدلاً من ذلك. طريقة أخرى مشابهة هي stopPropagation، والتي تمنع أحداث js من الظهور.