1500字范文,内容丰富有趣,写作好帮手!
1500字范文 > javascript实现的使用方向键控制光标在table单元格中切换【javascript】

javascript实现的使用方向键控制光标在table单元格中切换【javascript】

时间:2022-02-15 07:14:12

相关推荐

javascript实现的使用方向键控制光标在table单元格中切换【javascript】

web前端|js教程

方向键,控制光标

web前端-js教程

效果截图:

html 代码:

开源php机票系统源码,ubuntu 中安装网卡,爬虫技术如何看,filter() php,网站利于seolzw

选择货架号

#table1 td {

text-align:center;

width:15%;

}

#table2 td {

text-align:center;

width:15%;

background-color:#dcdcdc;

cursor:pointer;

}

javascript 代码:

asp网站源码视频列表源代码,ubuntu16.04vi,一个Tomcat的访问量,爬邮箱的爬虫,rgba在php中是什么意思,迅雷下载seolzw

var tdnum = 0;

var trid = "td";

// 键盘事件

document.onkeydown = function(event){

// 兼容 Mozilla Firefox

if (null == event) {

event = window.event;

}

if (event.keyCode == 13) {

p13key();

}

else if (event.keyCode = 37) {

keytd(event.keyCode);

}

}

// 按下回车键

function p13key(){

var tdid = trid + tdnum;

var tdtitle = document.getElementById(tdid).getAttribute("title");

var pos = tdtitle.indexOf("|");

var seatname = tdtitle.substring(0, pos);

var seatid = tdtitle.substring(pos + 1, tdtitle.length);

window.alert(seatname + "," + seatid);

}

// 变换颜色

function setcolor(oldtd, newtd){

document.getElementById(oldtd).style.backgroundColor="#dcdcdc";

document.getElementById(newtd).style.backgroundColor="#6699FF";

}

// 实现切换功能主要代码

function keytd(key){

// 左

if (key == 37) {

--tdnum;

if (null == document.getElementById(trid + tdnum)) {

tdnum++;

return;

}

setcolor(trid + (tdnum + 1), trid + tdnum);

}

// 右

else if (key == 39) {

++tdnum;

if (null == document.getElementById(trid + tdnum)) {

tdnum--;

return;

}

setcolor(trid + (tdnum - 1), trid + tdnum);

}

// 上

else if (key == 38) {

tdnum = tdnum - 5;

if (null == document.getElementById(trid + tdnum)) {

tdnum = tdnum + 5;

return;

}

setcolor(trid + (tdnum + 5), trid + tdnum);

}

// 下

else if (key == 40) {

tdnum = tdnum + 5;

if (null == document.getElementById(trid + tdnum)) {

tdnum = tdnum - 5;

return;

}

setcolor(trid + (tdnum - 5), trid + tdnum);

}

}

设备源码,ubuntu下使用vnc,树莓派爬虫天气,压缩链接PHP,清远seo报价lzw

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。