利用键盘上的上下左右(回车)键模拟出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"     />
        
&nbsp;&nbsp;
          
</ div >
    
</ form >
</ body >
</ html >


本文转自高海东博客园博客,原文链接:http://www.cnblogs.com/ghd258/archive/2006/07/29/462720.html,如需转载请自行联系原作者
相关文章
|
机器学习/深度学习 数据可视化 算法
数据处理方法—— 7 种数据降维操作 !!
数据处理方法—— 7 种数据降维操作 !!
913 0
|
容灾 流计算
美团 Flink 大作业部署问题之Checkpoint 的 metadata 文件包含什么信息
美团 Flink 大作业部署问题之Checkpoint 的 metadata 文件包含什么信息
305 1
|
机器学习/深度学习 存储 人工智能
梯度累积的隐藏陷阱:Transformer库中梯度累积机制的缺陷与修正
在本地微调大规模语言模型时,由于GPU显存限制,通常采用梯度累积技术来模拟大批次训练。然而,实际研究表明,梯度累积方法在主流深度学习框架中会导致模型性能显著下降,尤其是在多GPU环境中。本文详细探讨了梯度累积的基本原理、应用场景及存在的问题,并通过实验验证了修正方案的有效性。研究指出,该问题可能在过去多年中一直存在且未被发现,影响了模型的训练效果。
1160 4
梯度累积的隐藏陷阱:Transformer库中梯度累积机制的缺陷与修正
|
12月前
|
人工智能 数据可视化 Java
打造动态数据可视化:JavaScript与AI的完美结合
在快速发展的技术世界中,Java作为广泛应用的编程语言,持续占据重要地位。本文探讨如何将AI技术,如DeepSeek,融入Java高级应用开发,实现智能代码生成、优化与自动化测试,提升开发效率和代码质量。AI通过分析大量代码库,自动生成高质量代码片段,减少重复劳动,并提出优化建议,帮助开发者编写更高效、安全的代码。未来,AI将进一步推动Java开发智能化,降低开发门槛,助力创新。
|
监控 数据挖掘 BI
企业CRM选择指南:悟空CRM和销帮帮的适用场景分析
销售易旗下的悟空CRM和销帮帮分别针对不同企业需求提供了独特的CRM解决方案。悟空CRM以其智能数据分析、移动办公支持、客户360度视图及自定义工作流等优势,适合中大型企业;而销帮帮则以简单易用、销售漏斗管理、客户跟进提醒及高性价比等特点,更适合中小企业和初创企业。两者各具特色,助力企业在数字化转型中提升竞争力。
|
Linux Windows
Windows查找监听端口对应的进程及其路径
Windows查找监听端口对应的进程及其路径
425 0
|
消息中间件 NoSQL Java
面试官必问的分布式锁面试题,你答得上来吗?
本文介绍了分布式锁的概念、实现方式及其在项目中的应用。首先通过黄金圈法则分析了分布式锁的“为什么”、“怎么做”和“做什么”。接着详细讲解了使用 Redisson 和 SpringBoot + Lettuce 实现分布式锁的具体方法,包括代码示例和锁续期机制。最后解释了 Lua 脚本的作用及其在 Redis 中的应用,强调了 Lua 保证操作原子性的重要性。文中还提及了 Redis 命令组合执行时的非原子性问题,并提供了 Lua 脚本实现分布式锁的示例。 如果你对分布式锁感兴趣或有相关需求,欢迎关注+点赞,必回关!
536 2
|
弹性计算 安全 Linux
操作系统智能助手OS Copilot体验评测
从了解到部署实践全方位带你体验操作系统智能助手OS Copilot的优与劣。
17065 8
操作系统智能助手OS Copilot体验评测
|
存储 安全 算法
MiniOS 3.3.4 发布,新功能有这些!
【10月更文挑战第19天】
831 0
MiniOS 3.3.4 发布,新功能有这些!
|
Java 应用服务中间件 微服务
Spring Boot可以同时处理多少请求?
Spring Boot的并发处理能力受硬件、JVM配置、嵌入式Tomcat的线程池(默认最大连接数8192,最大等待数100)、应用效率、系统架构和网络条件影响。开发阶段可能处理数百个并发,优化后在适合的硬件上可处理数千乃至上万并发。大型系统常结合负载均衡器。
874 2