บทความนี้อธิบายถึงวิธีการของ 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