ใช้ JS เพื่อควบคุมปุ่มขึ้น ลง ซ้ายและขวาของแป้นพิมพ์ (โค้ดตัวอย่าง)

นี่คือโค้ด JS พื้นฐาน เพื่อนที่ต้องการเรียนรู้ JS สามารถศึกษาหรือขยายได้ วิธีที่ดีที่สุดคือใช้ JS เพื่อควบคุมคีย์บอร์ดทั้งหมดซึ่งจะน่าสนใจมาก

รหัสเฉพาะมีดังนี้:

คัดลอกรหัสรหัสดังต่อไปนี้:

<สไตล์>

tr.highlight{พื้นหลัง:#08246B;สี:สีขาว;}

</สไตล์>

<table id="น้ำแข็ง">

<tr>

<td><ประเภทอินพุต='ข้อความ'></td>

<td><ประเภทอินพุต='ข้อความ'></td>

<td><ประเภทอินพุต='ข้อความ'></td>

<td><ประเภทอินพุต='ข้อความ'></td>

</tr>

<tr>

<td><ประเภทอินพุต='ข้อความ'></td>

<td><ประเภทอินพุต='ข้อความ'></td>

<td><ประเภทอินพุต='ข้อความ'></td>

<td><ประเภทอินพุต='ข้อความ'></td>

</tr>

<tr>

<td><ประเภทอินพุต='ข้อความ'></td>

<td><ประเภทอินพุต='ข้อความ'></td>

<td><ประเภทอินพุต='ข้อความ'></td>

<td><ประเภทอินพุต='ข้อความ'></td>

</tr>

<tr>

<td><ประเภทอินพุต='ข้อความ'></td>

<td><ประเภทอินพุต='ข้อความ'></td>

<td><ประเภทอินพุต='ข้อความ'></td>

<td><ประเภทอินพุต='ข้อความ'></td>

</tr>

<tr>

<td><ประเภทอินพุต='ข้อความ'></td>

<td><ประเภทอินพุต='ข้อความ'></td>

<td><ประเภทอินพุต='ข้อความ'></td>

<td><ประเภทอินพุต='ข้อความ'></td>

</tr>

</ตาราง>

<ภาษาสคริปต์ = "จาวาสคริปต์">

-

//กำหนดคิวการเริ่มต้น

var currentLine=-1;

var currentCol=-1;

document.onkeydown=ฟังก์ชั่น(e){

e=window.event||e;

สวิตช์ (e.keyCode) {

กรณีที่ 37: //คลิกซ้าย

ปัจจุบันCol--;

รายการเปลี่ยน();

หยุดพัก;

กรณีที่ 38: //คีย์ขึ้น

currentLine--;

รายการเปลี่ยน();

หยุดพัก;

กรณีที่ 39: //คลิกขวา

ปัจจุบันCol++;

รายการเปลี่ยน();

หยุดพัก;

กรณีที่ 40: // ปุ่มลง

ปัจจุบันไลน์++;

รายการเปลี่ยน();

หยุดพัก;

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

หยุดพัก;

-

-

//การเรียกคีย์ทิศทาง

ฟังก์ชั่น changeItem () {

ถ้า (document.all)

var it=document.getElementByIdx_x("น้ำแข็ง").เด็ก[0];

อื่น

var it=document.getElementByIdx_x("น้ำแข็ง");

สำหรับ(i=0;i<it.rows.length;i++){

it.rows[i].className="";

-

ถ้า(currentLine<0){

currentLine=it.rows.length-1;

-

ถ้า(currentLine==it.rows.length){

ปัจจุบันเส้น=0;

-

var objtab=document.all.ice;

var objrow=objtab.rows[currentLine].getElementsByTagName_r("อินพุต");

ถ้า(ปัจจุบันCol<0){

currentCol=objrow.ความยาว-1;

} อื่น ๆ if(currentCol==objrow.length){

ปัจจุบันCol=0;

-

objrow[currentCol].เลือก();

// การดีบักการใช้งาน

it.rows[currentLine].className="ไฮไลท์";

-

-

</สคริปต์>