使用javascript实现enter代替tab键的功能

最新推荐文章于 2024-03-01 14:20:36 发布

weixin_30278237

最新推荐文章于 2024-03-01 14:20:36 发布

阅读量427

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/zhangyd1080/archive/2006/11/15/561757.html

版权

1,在vb.net中实现窗体上回车键代替TAB键，用如下方法：

首先设置窗体的 KeyPreview 属性为true

然后加入以下代码：

Private Sub FrmLogin_KeyPress(ByVal sender As Object, ByVal e As System.Windows.Forms.KeyPressEventArgs) Handles MyBase.KeyPress
´用回车代替Tab
If e.KeyChar = Chr(13) Then
e.Handled = True
SendKeys.Send("{TAB}")
End If
End Sub

2,/// 键盘处理事件
/// 主要实现的功能是重写键盘命令事件。使用户在使用的时候，如果当前焦点不是在Button(按钮)上的话，就可以用Enter代替Tab键了。
/// </summary>
/// <param name="msg"></param>
/// <param name="keyData"></param>
/// <returns></returns>
protected override bool ProcessCmdKey(ref Message msg,Keys keyData)
{
   if ( (!(ActiveControl is Button)) && (keyData==Keys.Up || keyData==Keys.Down || keyData==Keys.Enter))
   {
    if(keyData == Keys.Enter)
    {
     System.Windows.Forms.SendKeys.Send("{TAB}");
     return true;
    }
    if(keyData==Keys.Down )
     System.Windows.Forms.SendKeys.Send("{TAB}");
    else
     SendKeys.Send("+{Tab}");
    return true;
   }
   else
    return base.ProcessCmdKey(ref msg,keyData);
}

3,重新写了一遍
这次不使用Button元素
只用了一个table
而且加入了输赢判断，双键的试探功能，优化了打开空白区域的算法，还有关卡的设定：）
总之，现在已经比较完善了

请稍候，正在装载……</div>
<div id=DWC1 style="HEIGHT: 150px; LEFT: -5px; POSITION: absolute; TOP: -16px; VISIBILITY: hidden; WIDTH: 157px"><font face="Webdings" color=#ffe0c1

style="FONT-SIZE: 150px">*</font></div>
<div id=DWC2 style="COLOR: red; FONT-SIZE: 12px; HEIGHT: 18px; LEFT: 31px; POSITION: absolute; TOP: 14px; VISIBILITY: hidden; WIDTH: 103px">地雷

数：<span ID=MINENUMSCREEN style="FONT-FAMILY: Arial Black; FONT-SIZE: 14px">0</span></div>
<div id=DWC3 style="HEIGHT: 299px; LEFT: 1px; POSITION: absolute; TOP: 31px; VISIBILITY: hidden; WIDTH: 419px"><!--STATUS = 0 按钮

状态--><!--MINE = 0 无雷

-->
<SCRIPT language=javascript version="1.1">
var ROWS=18;
var COLS=22;
var MINE=0;
var STATUS=0;
var MINEPRAM=20;
var Elems=new Array(ROWS);
var Stack=new Array(ROWS*COLS);
var StackPoint=-1;
var MINECOUNT=0;

var LocationHash=document.location.hash;
var idx=LocationHash.indexOf('#');
if(idx>=0) LocationHash=LocationHash.substr(1);
if(!isNaN(LocationHash)&&LocationHash!="")MINEPRAM=parseInt(LocationHash);
var NextLevelLocation=document.location.href;
idx=NextLevelLocation.indexOf('#');
if(idx>=0) NextLevelLocation=NextLevelLocation.substr(0,idx);
NextLevelLocation+="#"+Math.round(MINEPRAM*0.8);

document.writeln("<table border=\"1\" cellpadding=\"0\" cellspacing=\"0\" bordercolor=\"#808080\" width="+20*COLS+" height="+20*ROWS+">")

for(var i=1;i<=ROWS;i++){
Elems[i-1]=new Array(COLS);
document.writeln(" <tr>");
for(var j=1;j<=COLS;j++){
if(Math.floor(Math.random()*MINEPRAM)==0){
   MINE=1;
   STATUS=0;
   MINECOUNT++;
}
else{
   MINE=0;
   STATUS=0;
}
document.writeln("    <td id=\"btn"+j+"_"+i+"\" I=\""+i+"\" J=\""+j+"\" STATUS=\""+STATUS+"\" MINE=\""+MINE+"\" MINENUM=\"0\" Class=\"\"

width=15 height=15> </td>");
}
document.writeln(" </tr>");
}
document.writeln("</table>");
document.all.DWC0.innerText="请稍候，正在准备游戏信息……";
</SCRIPT>
</div>
<script language="javascript" version="1.1">
var downElem=null;
var YOrder,XOrder;
var clickStyle=0;
function GetSTATUSNum(Elem,XOrder,YOrder){
var STATUS=0;
if(Elem.getAttribute("STATUS")=="1") return 99;

var curElem;
try{
curElem=Elems[XOrder-1][YOrder-1];
if(curElem.getAttribute("STATUS")=="1") STATUS++;
}catch(e)
{
}
try{
curElem=Elems[XOrder-1][YOrder];
if(curElem.getAttribute("STATUS")=="1") STATUS++;
}catch(e)
{
}
try{
curElem=Elems[XOrder-1][YOrder+1];
if(curElem.getAttribute("STATUS")=="1") STATUS++;
}catch(e)
{
}
try{
curElem=Elems[XOrder][YOrder-1];
if(curElem.getAttribute("STATUS")=="1") STATUS++;
}catch(e)
{
}
try{
curElem=Elems[XOrder][YOrder+1];
if(curElem.getAttribute("STATUS")=="1") STATUS++;
}catch(e)
{
}
try{
curElem=Elems[XOrder+1][YOrder-1];
if(curElem.getAttribute("STATUS")=="1") STATUS++;
}catch(e)
{
}
try{
curElem=Elems[XOrder+1][YOrder];
if(curElem.getAttribute("STATUS")=="1") STATUS++;
}catch(e)
{
}
try{
curElem=Elems[XOrder+1][YOrder+1];
if(curElem.getAttribute("STATUS")=="1") STATUS++;
}catch(e)
{
}
return STATUS;
}

function push(Elem){
if(Elem==null) return;
Stack[++StackPoint]=Elem;
return;
}
function pop(){
try{
return Stack[StackPoint--];
}
catch(e){
return null;
}
}

function openBtns(Elem){
var curElem=Elem;
while(curElem!=null){
if(curElem.getAttribute("STATUS")=="0") openBtnsEx(curElem);
curElem=pop();
}

}

function FailAndOpenAllMine(){
for(var i=0;i<ROWS;i++){
for(var j=0;j<COLS;j++){
   var curElem=
   Elems[i][j];if(curElem.getAttribute("STATUS")=="1"&&curElem.getAttribute("MINE")=="0"){
    curElem.innerHTML="<font face=\"Webdings\" color=red>r</font>";
    curElem.className=

   "down";}if(curElem.getAttribute("STATUS")=="0"&&curElem.getAttribute("MINE")=="1"){
    curElem.innerHTML="<font face=\"Wingdings\">M</font>";
    curElem.className="down";
   }

}
}
alert("你失败了！按[确定]重新开始。");
setTimeout("document.location.reload()",100);
return true;
}

function elemClick(Elem){
if(clickStyle==1) openBtns(Elem);
if(clickStyle==2) markBtn(Elem);
if(clickStyle==3) autoOpenBtns(Elem);
CheckIfVictory();
}

function setElemDown(Elem){
var curElem=null;
YOrder=parseInt(Elem.getAttribute("I"));
XOrder=parseInt(Elem.getAttribute("J"));
if(clickStyle==1){
if(Elem.getAttribute("STATUS")=="0") Elem.className="down";
}

if(clickStyle==2){

}

if(clickStyle==3){
if(Elem.getAttribute("STATUS")=="0") Elem.className="down";

curElem=
eval("document.all.btn"+(XOrder-1)+"_"+(YOrder-1));if(curElem!=null&&curElem.getAttribute("STATUS")=="0")

curElem.className="down";
curElem=
eval("document.all.btn"+(XOrder-1)+"_"+(YOrder));if(curElem!=null&&curElem.getAttribute("STATUS")=="0") curElem.className="down";
curElem=
eval("document.all.btn"+(XOrder-1)+"_"+(YOrder+1));if(curElem!=null&&curElem.getAttribute("STATUS")=="0")

curElem.className="down";
curElem=
eval("document.all.btn"+(XOrder)+"_"+(YOrder-1));if(curElem!=null&&curElem.getAttribute("STATUS")=="0") curElem.className="down";
curElem=
eval("document.all.btn"+(XOrder)+"_"+(YOrder+1));if(curElem!=null&&curElem.getAttribute("STATUS")=="0") curElem.className="down";
curElem=
eval("document.all.btn"+(XOrder+1)+"_"+(YOrder-1));if(curElem!=null&&curElem.getAttribute("STATUS")=="0")

curElem.className="down";
curElem=
eval("document.all.btn"+(XOrder+1)+"_"+(YOrder));if(curElem!=null&&curElem.getAttribute("STATUS")=="0") curElem.className="down";
curElem=
eval("document.all.btn"+(XOrder+1)+"_"+(YOrder+1));if(curElem!=null&&curElem.getAttribute("STATUS")=="0")

curElem.className="down";
}
}

</body>

</html>

4,这个非常好使

5,另一个说明
这里先假定你的表单及其他控件id分别为form1,   userid,password,linkbutton1
在客户端（即.aspx页面内），在<head>..</head>之间添加如下代码：
<script   language="javascript">
function   SetFocus()
          {
                document.form1.userid.focus();
            }
function   keydownevent()
            {
                  if(event.keyCode==13)
                  {
                        if(document.form1.userid.value!=""   &&   document.form1.password.value=="")
                        {
                              document.form1.password.focus();
                          }
                      else   if(document.form1.userid.value!=""   &&   document.form1.password.value!="")

                          {
                                __doPostBack('linkbutton1','')

                              }
                      }
              }



</script>

    同时，在<body>里添加οnlοad="SetFocus()"   οnkeydοwn="keydownevent()"，即可搞定！