تصف هذه المقالة طريقة JS للتحكم في دوران الصفحة عن طريق تطبيق لوحة مفاتيح الويب. شاركه للرجوع إليه. طريقة التنفيذ المحددة هي كما يلي:
أعتقد أنه من غير المألوف أن تكون تأثيرات دوران لوحة التحكم في لوحة المفاتيح. في كثير من الأحيان ، على العديد من مواقع الويب ، وخاصة ألبومات الصور ، يمكنك استخدام لوحة المفاتيح لتحويل الصفحات لأعلى ولأسفل. المبدأ بسيط للغاية. ما عليك سوى استخدام JS لمراقبة ما إذا كان المستخدم قد ضغط على مفاتيح أعلى وهبوطًا.
كمثال:
انسخ الرمز على النحو التالي: <a id = "last" href = "<؟ = $ lefturl؟>"> الفصل السابق </a>
<a id = "booklist" href = "<؟ = $ booklisturl؟>"> العودة إلى الدليل </a>
<a id = "next" href = "<؟ = $ righturl؟>"> الفصل التالي </a>
رمز JS كما يلي:
انسخ الرمز كما يلي: <script language = "javaScript">
<!-
آخر = وثيقة. getElementByid ("Last"). HREF ؛
التالي = المستند. getElementByid ("التالي"). HREF ؛
قائمة الكتب = وثيقة. getElementByid ("قائمة الكتب"). HREF ؛
وظيفة keyup (e) {
if (navigator.appname == "Microsoft Internet Explorer")
{
var keycode = event.keycode ؛
var realKey = string.fromcharcode (event.keycode) ؛
}آخر
{
var keycode = e.hich ؛
var realKey = string.fromcharcode (e.hich) ؛
}
if (keycode == 39) {
window.location.href = التالي ؛
}
if (keycode == 37) {
window.location.href = last ؛
}
if (keycode == 13) {
window.location.href = booklist ؛
}
}
document.onkeydown = keyup ؛
//->
</script>
رأيت هذه الوظيفة على الإنترنت اليوم. إنه لشيء رائع. يمكنني إضافة هذه الوظيفة في المقالة في المستقبل.
نسخة الكود كما يلي: var re =/<a href = ["']؟
if (window.document.body.innerhtml.search (re)> = 0) {
var previct_page = regexp. $ 1 ؛
}
إذا قمت بالبحث في "الصفحة السابقة" ، يتم تعريف رمز النسخ على النحو التالي: var previp_page = regexp. $ 1 ؛
var re =/<a href = ['']؟ ([-= w./؟/201000'ers Budap '' '
if (window.document.body.innerhtml.search (re)> = 0) {
var next_page = regexp. $ 1 ؛
}
إذا قمت بالبحث في "الصفحة التالية" ، يتم تعريف رمز النسخ على النحو التالي: var next_page = regexp. $ 1 ؛
if (typeof previour_page == "string" || typeof next_page == "string") {
document.onkeydown = function () {
Switch (event.srcelement.tagname) {
حالة "المدخلات":
حالة "Textarea":
حالة "SELECT":
استراحة؛
تقصير:
if (event.keycode == 37 /* السهم الأيسر* / && typeof previous_page == "string") {
window.location.href = previp_page ؛
}
آخر if (event.keycode == 39 / * السهم الأيمن * / && typeof next_page == "string") {
window.location.href = next_page ؛
}
}
}
}
اسمحوا لي أن أتحدث عن تنفيذ مفتاح اختصار للصفحة وأسفل الذي قمت به. عندما ينقر المستخدم على مفاتيح السهم الأيمن والأيسر ، يحصل JS على رمز لوحة المفاتيح ثم يقفز إلى الصفحة التالية أو الصفحة السابقة. في الوقت الحاضر ، العديد من الرموز على الإنترنت هي IE. لا يمكن تنفيذ Firefox. في كثير من الأحيان ، يكون سبب ذلك غير قياسي **. انقر () تحت FF. انقر فوق علامة تحت IE. بشكل افتراضي ، يتم نقله إلى عنوان URL المقابل ، ولكنه غير ممكن بموجب FF (OnClick () على ما يرام ، ولكن هذا هو حدث onclick لإعدامه).
الحل بسيط للغاية. يمكننا استخدام هذه الطريقة: عندما ينقر المستخدم على مفتاح السهم الأيمن ، ما عليك سوى تعيين سمة HREF لـ A على الصفحة التالية إلى Window.location.href.
انسخ الرمز كما يلي: var $ = function (id)
{
return document.getElementById (id) ؛
}
var hotkey = function (e)
{
var e = e || الحدث ؛
var k = e.keycode ||
إذا (k == 37)
{
إذا ($ ("prevapage"))
window.location.href = $ ("prevpage"). HREF ؛
}
آخر إذا (k == 39)
{
إذا ($ ("NextPage"))
window.location.href = $ ("nextpage"). href ؛
}
آخر إذا (k == 72)
{
إذا ($ ("الصفحة الرئيسية"))
window.location.href = $ ("home"). HREF ؛
}
}
document.onkeydown = hotkey ؛ // مفاتيح اليسار واليسرى
آمل أن يكون الوصف في هذه المقالة مفيدًا لبرمجة الويب للجميع بناءً على JavaScript.