เมธอด JS ในการใช้งานหน้าควบคุมเว็บบอร์ดเทิร์น

บทความนี้อธิบายถึงวิธีการของ JS ในการควบคุมการหมุนเวียนของหน้าโดยใช้คีย์บอร์ดเว็บ แบ่งปันสำหรับการอ้างอิงของคุณ วิธีการใช้งานเฉพาะมีดังนี้:

ฉันคิดว่ามันเป็นเรื่องผิดปกติสำหรับเอฟเฟกต์การหมุนเวียนของหน้าแป้นพิมพ์ บ่อยครั้งในหลาย ๆ เว็บไซต์โดยเฉพาะอัลบั้มภาพถ่ายคุณสามารถใช้แป้นพิมพ์เพื่อเปิดหน้าขึ้นและลง หลักการนั้นง่ายมาก เพียงใช้ JS เพื่อตรวจสอบว่าผู้ใช้กดปุ่มขึ้นและลงหรือไม่

เป็นตัวอย่าง:

คัดลอกรหัสดังนี้: <a id = "สุดท้าย" href = "<? = $ lefturl?>"> บทก่อนหน้า </a>

<a id = "booklist" href = "<? = $ booklisturl?>"> กลับสู่ไดเรกทอรี </a>

<a id = "next" href = "<? = $ righturl?>"> บทต่อไป </a>

รหัส JS มีดังนี้:

คัดลอกรหัสดังต่อไปนี้: <ภาษาสคริปต์ = "JavaScript">

-

สุดท้าย = เอกสาร GetElementById ("สุดท้าย"). href;

ถัดไป = เอกสาร GetElementById ("ถัดไป"). href;

BookList = เอกสาร GetElementById ("Booklist"). Href;

ฟังก์ชั่น keyup (e) {

if (navigator.appname == "Microsoft Internet Explorer"))

-

var keycode = event.keycode;

var realkey = string.fromCharcode (event.keycode);

}อื่น

-

var keycode = E. ซึ่ง;

var realkey = string.fromCharcode (E. ซึ่ง);

-

if (keycode == 39) {

window.location.href = ถัดไป;

-

if (keycode == 37) {

window.location.href = สุดท้าย;

-

if (keycode == 13) {

window.location.href = booklist;

-

-

document.onkeydown = keyup;

-

</script>

ฉันเห็นฟังก์ชั่นนี้ออนไลน์วันนี้ มันเยี่ยมมาก ฉันสามารถเพิ่มฟังก์ชั่นนี้ในบทความในอนาคต

การคัดลอกรหัสมีดังนี้: var re =/<a href = ["']? ([-= w./?lik+ +)" เหมือนกัน?

if (window.document.body.innerhtml.search (re)> = 0) {

var previous_page = regexp. $ 1;

-

หากคุณค้นหา "หน้าก่อนหน้า" รหัสคัดลอกจะถูกกำหนดดังนี้: var previous_page = regexp. $ 1;

var re =/<a href = ["']? ([-= w./?lik+)" เหมือนกัน?

if (window.document.body.innerhtml.search (re)> = 0) {

var next_page = regexp. $ 1;

-

หากคุณค้นหา "หน้าถัดไป" รหัสคัดลอกจะถูกกำหนดดังนี้: var next_page = regexp. $ 1;

if (typeof previous_page == "String" || typeof next_page == "String") {

document.onkeydown = function () {

switch (event.srcelement.tagname) {

กรณี "อินพุต":

กรณี "textarea":

กรณี "เลือก":

หยุดพัก;

ค่าเริ่มต้น:

if (event.keycode == 37 /* ลูกศรซ้าย* / && typeof previous_page == "String") {

window.location.href = previous_page;

-

อื่นถ้า (event.keycode == 39 / * ลูกศรขวา * / && typeof next_page == "String") {

window.location.href = next_page;

-

-

-

-

ให้ฉันพูดคุยเกี่ยวกับการใช้คีย์ทางลัดของหน้าและลงที่ฉันทำ เมื่อผู้ใช้คลิกปุ่มลูกศรซ้ายและขวา JS จะได้รับรหัสแป้นพิมพ์แล้วข้ามไปยังหน้าถัดไปหรือหน้าก่อนหน้า ทุกวันนี้รหัสจำนวนมากบนอินเทอร์เน็ตคือ Firefox ไม่สามารถดำเนินการได้ หลายครั้งที่เกิดจากไม่ได้มาตรฐาน ** คลิก () ภายใต้ ff คลิกแท็ก A ภายใต้ IE โดยค่าเริ่มต้นจะถูกถ่ายโอนไปยัง URL ที่เกี่ยวข้อง แต่ไม่สามารถทำได้ภายใต้ FF (onClick () ก็โอเค แต่นี่เป็นเหตุการณ์ onclick ของการดำเนินการ)

การแก้ปัญหาก็ง่ายมาก เราสามารถใช้วิธีนี้: เมื่อผู้ใช้คลิกปุ่มลูกศรขวาเพียงกำหนดแอตทริบิวต์ HREF ของ A ในหน้าถัดไปไปที่ window.location.href

คัดลอกรหัสดังนี้: var $ = function (id)

-

ส่งคืน document.getElementById (id);

-

var hotey = function (e)

-

var e = e || เหตุการณ์;

var k = e.keycode || e.which || e.charcode; // รับรหัสคีย์

ถ้า (k == 37)

-

ถ้า ($ ("prevPage"))

window.location.href = $ ("prevPage"). href;

-

อื่นถ้า (k == 39)

-

ถ้า ($ ("NextPage"))

window.location.href = $ ("NextPage"). href;

-

อื่นถ้า (k == 72)

-

ถ้า ($ ("บ้าน"))

window.location.href = $ ("บ้าน"). href;

-

-

document.onkeydown = hotkey; // คีย์ซ้ายและซ้าย

ฉันหวังว่าคำอธิบายในบทความนี้จะเป็นประโยชน์กับการเขียนโปรแกรมเว็บของทุกคนตาม JavaScript