ปุ่มขึ้น, ลง, ซ้ายและขวาเพื่อควบคุมโฟกัส (โค้ดตัวอย่าง)

ดังที่แสดงด้านล่าง:

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

// เริ่มต้น --------------- ขึ้น, ลง, ซ้ายและขวาปุ่มควบคุม

if('${iscontrol_mchntid}'.indexOf('${mchntid}')!=-1){

ข้อความ var = อาร์เรย์ใหม่ ();

//กำหนดตำแหน่งที่โฟกัสอยู่

วาร์ x = 2;

วาร์ y = 3;

var maxx = 0;

สูงสุด = 0;

window.onload=ฟังก์ชั่น(){

อินพุต var = $("[สถานที่]");

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

texts.push(อินพุต[i]);

-

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

texts[i].onfocus = new Function("setCurrent('" + texts[i].getAttribute("location") + "')");

var crtx = parseInt(texts[i].getAttribute("location").split(",")[0]);

var crty = parseInt(texts[i].getAttribute("location").split(",")[1]);

สูงสุด = สูงสุด < crtx ? crtx : สูงสุด;

maxy = maxy < crty ? crty : maxy;

ข้อความ [i] .onkeydown = ฟังก์ชั่น (e) {

e = e ||. window.event;

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

กรณีที่ 38:setPosition(x,y,38);break;//Up

กรณีที่ 40:setPosition(x,y,40);break;// ถัดไป

กรณีที่ 37:setPosition(x,y,37);break;//left

กรณีที่ 39:setPosition(x,y,39);break;//right

กรณีที่ 45:setPosition(x,y,45);break; //Insert key/return key จะถูกลบในกล่องอินพุตและไลบรารีอินพุตมีค่า มิฉะนั้นจะถูกลบและกลับไปยังหน้าก่อนหน้า

ค่าเริ่มต้น: ส่งคืนจริง;

-

-

-

-

ฟังก์ชั่น setPosition(x,y,keyCode){

//เพิ่มตรรกะของการเปลี่ยนตำแหน่งแบบไดนามิกที่นี่----เริ่มต้น

//เมื่อขึ้นและลง เฉพาะพิกัด y เท่านั้นที่เปลี่ยนไป และพิกัด x จะเปลี่ยนโดยอัตโนมัติ

//เมื่อซ้ายและขวา เฉพาะพิกัด x เท่านั้นที่เปลี่ยนไป และพิกัด y จะเปลี่ยนโดยอัตโนมัติ

ถ้า (รหัสคีย์ == '38' && x == '3'){

ถ้า(y=='3'||y=='4'||y=='5'||y=='6'||y=='7'||y=='8'){

y='3';

-

-

ถ้า (รหัสคีย์ == '40' && x == '4'){

ถ้า(y=='3'||y=='4'||y=='5'||y=='6'||y=='7'||y=='8'){

y='3';

-

-

//เพิ่มตรรกะของการเปลี่ยนตำแหน่งแบบไดนามิกที่นี่----สิ้นสุด

ถ้า (รหัสคีย์ == '38'){

x = --x;

-

ถ้า (รหัสคีย์ == '40'){

x = ++x;

-

ถ้า (รหัสคีย์ == '37'){

ย = --y;

-

ถ้า (รหัสคีย์ == '39'){

ย = ++y;

-

movePosition(x,y,รหัสคีย์);

-

ฟังก์ชั่น movePosition (x1, y1, รหัสคีย์) {

ถ้า (รหัสคีย์ == '45'){

//เมื่อวัตถุที่มีเคอร์เซอร์อยู่ถูกป้อนเข้ามา

วาร์เซนต์ = x1+,”+y1;

if($("input[location='"+st+"']").attr("type")=="text"){

var oldval = $("input[location='"+st+"']").val();

var newval = oldval.substring(0,oldval.length-1);

$("input[location='"+st+"']").val(newval);

กลับเท็จ;

}อื่น{

ประวัติศาสตร์ไป(-1);

กลับเท็จ;

-

-

x1 = x1 > สูงสุด ? 1 : x1;

y1 = y1 > สูงสุด ? 1 : y1;

x1 = x1 < 1 ? สูงสุด : x1;

y1 = y1 < 1 ? สูงสุด : y1;

วาร์ เจ = 0;

สำหรับ(; j < texts.length; j++){

if(texts[j].getAttribute("ตำแหน่ง") == x1 + "," + y1){

ข้อความ [เจ] .โฟกัส();

หยุดพัก;

-

-

ถ้า (j == texts.length) {

สวิตช์ (รหัสคีย์) {

กรณีที่ 38: movePosition(--x1,y1,keyCode);break;//Up

กรณีที่ 40:movePosition(++x1,y1,keyCode);break;// ถัดไป

กรณีที่ 37:movePosition(x1,--y1,keyCode);break;//ซ้าย

กรณีที่ 39: movePosition(x1,++y1,keyCode);break;//right

-

-

-

ฟังก์ชั่น setCurrent (ตำแหน่ง) {

x = location.แยก(",")[0];

y = location.แยก(",")[1];

-

-

//end --------------- ปุ่มควบคุมขึ้น ลง ซ้ายและขวา