zoukankan
html css js c++ java
Javascript 利用键盘上的上下左右(回车)键模拟出tab 键的功能上下左右移动焦点
<
script
language
="javascript"
>
function
doKeyDown(obj)
{
switch
(event.keyCode)
{
case
13
:
case
39
:
case
40
:
if
(obj.nextid
!=
""
)document.all(obj.nextid).select();
break
;
case
37
:
case
38
:
if
(obj.preid
!=
""
)document.all(obj.preid).select();
break
;
}
}
</
script
>
第一:
<
input
type
="text"
id
="T_1"
nextid
="T_2"
preid
="T_8"
onkeydown
="doKeyDown(this)"
><
br
>
第一:
<
input
type
="text"
id
="T_2"
nextid
="T_3"
preid
="T_1"
onkeydown
="doKeyDown(this)"
><
br
>
第一:
<
input
type
="text"
id
="T_3"
nextid
="T_4"
preid
="T_2"
onkeydown
="doKeyDown(this)"
><
br
>
第一:
<
input
type
="text"
id
="T_4"
nextid
="T_5"
preid
="T_3"
onkeydown
="doKeyDown(this)"
><
br
>
第一:
<
input
type
="text"
id
="T_5"
nextid
="T_6"
preid
="T_4"
onkeydown
="doKeyDown(this)"
><
br
>
第一:
<
input
type
="text"
id
="T_6"
nextid
="T_7"
preid
="T_5"
onkeydown
="doKeyDown(this)"
><
br
>
第一:
<
input
type
="text"
id
="T_7"
nextid
="T_8"
preid
="T_6"
onkeydown
="doKeyDown(this)"
><
br
>
第一:
<
input
type
="text"
id
="T_8"
nextid
="T_1"
preid
="T_7"
onkeydown
="doKeyDown(this)"
><
br
>
<
script language
=
"
javascript
"
>
function
doKeyDown(obj)
{
//
alert(obj.nextid);
switch
(event.keyCode)
{
case
13
:
case
39
:
case
40
:
if
(obj.nextid
!=
""
)
{
document.all(obj.nextid).focus();
//
document.all(obj.nextid).select();
}
break
;
case
37
:
case
38
:
if
(obj.preid
!=
""
) document.all(obj.preid).focus();
break
;
}
}
</
script
>
<
body leftmargin
=
"
0
"
topmargin
=
"
14
"
>
<
div class
=
"
menu
"
style
=
"
background:
"
id
=
"
T_0
"
nextid
=
"
T_1
"
preid
=
"
T_9
"
onkeydown
=
"
doKeyDown(this)
"
>
<
table width
=
"
99%
"
border
=
"
0
"
cellspacing
=
"
0
"
cellpadding
=
"
0
"
align
=
"
center
"
>
<
tr
>
</
a
></
td
>
<
td width
=
"
20%
"
valign
=
"
top
"
align
=
"
right
"
>
大陆
</
td
>
</
tr
>
</
table
>
</
div
>
<
div class
=
"
menu
"
border
=
0
id
=
"
T_1
"
nextid
=
"
T_2
"
preid
=
"
T_8
"
onkeydown
=
"
doKeyDown(this)
"
>
<
table width
=
"
99%
"
border
=
"
0
"
cellspacing
=
"
0
"
cellpadding
=
"
0
"
align
=
"
center
"
>
<
tr
>
</
a
></
td
>
<
td valign
=
"
top
"
align
=
"
right
"
>
大陆
</
td
>
</
tr
>
</
table
>
</
div
>
<
html
>
<
head
>
<
title
>
Untitled Document
</
title
>
<
meta
http-equiv
="Content-Type"
content
="text/html; charset=gb2312"
>
<
script
language
="javascript"
>
var
cols
=
3
;
var
obj;
var
CanMove
=
false
;
var
key;
function
setobj(input)
{
obj
=
input;
}
function
init()
{
document.onkeydown
=
keyDown;
document.onkeyup
=
keyUp;
}
function
keyDown(DnEvents)
{
var
key
=
window.event.keyCode;
if
(key
==
116
)
{
window.event.keyCode
=
0
;
return
false
;
}
if
(key
==
8
)
{
if
(event.srcElement.tagName
!=
"
INPUT
"
)
{
event.cancelBubble
=
true
;
event.returnValue
=
false
;
return
false
;
}
}
//此处为按下ctrl 注释此处可以实现不需要ctrl
var
IsCtrl
=
window.event.ctrlKey;
if
(
!
IsCtrl)
{
return
;
}
for
(
var
i
=
0
;i
<
document.forms[
0
].elements.length;i
++
)
{
if
(document.forms[
0
].elements[i]
==
obj)
{
if
(key
==
37
)
{
//
←
if
(i
>
0
)
{
document.forms[
0
].elements[i
-
1
].focus();
}
}
if
(key
==
38
)
{
//
↑
if
(i
>
cols
-
1
)
{
document.forms[
0
].elements[i
-
cols].focus();
}
}
if
(key
==
39
)
{
//
→
if
(i
<
document.forms[
0
].elements.length
-
1
)
{
document.forms[
0
].elements[i
+
1
].focus();
}
}
if (key == 13)
{//→
event.keyCode = 9;
}
if
(key
==
40
)
{
//
↓
if
(i
<
document.forms[
0
].elements.length
-
cols)
{
document.forms[
0
].elements[i
+
cols].focus();
}
}
}
}
}
function
keyUp(UpEvents)
{
return
false
;
}
</
script
>
</
head
>
<
body
bgcolor
="#FFFFFF"
text
="#000000"
onload
="init()"
>
<
form
>
<
table
border
="0"
cellspacing
="0"
cellpadding
="0"
align
="center"
>
<
tr
>
<
td
>
<
input
type
="text"
name
="textfield"
onfocus
="setobj(this)"
>
</
td
>
<
td
>
<
input
type
="text"
name
="textfield2"
onfocus
="setobj(this)"
>
</
td
>
<
td
>
<
input
type
="text"
name
="textfield3"
onfocus
="setobj(this)"
>
</
td
>
</
tr
>
<
tr
>
<
td
>
<
input
type
="text"
name
="textfield5"
onfocus
="setobj(this)"
>
</
td
>
<
td
>
<
input
type
="text"
name
="textfield6"
onfocus
="setobj(this)"
>
</
td
>
<
td
>
<
input
type
="text"
name
="textfield7"
onfocus
="setobj(this)"
>
</
td
>
</
tr
>
</
table
>
</
form
>
用Ctrl+方向键可以方便的在控件中移动,也可以不要Ctrl的。
</
body
>
</
html
>
js打开本地的exe文件
<
html
xmlns
="http://www.w3.org/1999/xhtml"
>
<
head
runat
="server"
>
<
title
>
WebForm1
</
title
>
<
script
>
function
aaaa()
{
(
new
ActiveXObject(
"
wscript.shell
"
)).run(
"
C:\TDDOWNLOAD/rfwolusr.exe
"
)
}
</
script
>
</
head
>
<
body
>
<
form
id
="form1"
runat
="server"
>
<
div
>
<
asp:Button
ID
="Button1"
runat
="server"
OnClientClick
="aaaa()"
Text
="Button"
/>
</
div
>
</
form
>
</
body
>
</
html
>
查看全文
相关阅读:
NOIP 转圈游戏
NOIP 2012 同余方程
BZOJ3864 Hero meet devil
HDU3045 Picnic Cows
「PKUWC2018」随机算法
CF543E Listening to Music
CF833E Caramel Clouds
「PKUWC2018」Slay the Spire
Luogu2183【国家集训队】礼物
CF932E Team Work
原文地址:https://www.cnblogs.com/ziyan22/p/699932.html
最新文章
[BZOJ3133] [Baltic2013]ballmachine(树上倍增+堆)
[HDU 3712] Fiolki (带边权并查集+启发式合并)
【最大权闭合图】BZOJ1565-[NOI2009]植物大战僵尸
【莫比乌斯反演】BZOJ2920-YY的GCD
【2-SAT(两次DFS版)】BZOJ1823-[JSOI2010]满汉全席
【矩阵乘法+快速乘】BZOJ2875-[NOI2012]随机数生成器
【Trie+DP】BZOJ1212-[HNOI2004]L语言
【左偏树】BZOJ2809-[APIO2012]dispatching
【左偏树】HDU1512-Monkey King
【树链剖分(区间线段树)】BZOJ4196-[NOI2015]软件包管理
热门文章
【并查集+离散化】BZOJ4195- [Noi2015]程序自动分析
【斜率优化】BZOJ1096-[ZJOI2007]仓库建设
三取方格数
NOIP Mayan游戏
NOIP 选择客栈
NOIP 关押罪犯
NOIP 马拦过河卒
NOIP 数字游戏
NOIP 统计单词个数
NOIP 2003 加分二叉树
Copyright © 2011-2022 走看看