`
Yangjinghuan
  • 浏览: 48125 次
  • 性别: Icon_minigender_1
  • 来自: 长沙
社区版块
存档分类
最新评论

JS 键盘操作

JSP 
阅读更多
<html>
<head>
<title>My JSP 'test.jsp' starting page</title>
<script type="text/javascript">
function keyDown(){ 
    var iekey=event.keyCode;  
    var realkey=String.fromCharCode(event.keyCode);  
    //按"Insert"键表格获取光标事件  
var grid=document.getElementById("myGrid");  
    var order=event.target||event.srcElement; //得到当前的文本框  
    if(order.tagName=="INPUT"){  
        var curRow = order.parentNode.parentNode.rowIndex;//行索引  
        var curCol = order.parentNode.cellIndex;//列索引  
        var rowCount=grid.childNodes[0].childNodes.length-1;  
        var colCount=grid.childNodes[0].childNodes[0].childNodes.length-1;
               
        if(iekey==38){
       
            if(--curRow>=0&&grid.childNodes[0].childNodes[curRow].childNodes[curCol].childNodes[0].tagName=="INPUT"){  
                grid.childNodes[0].childNodes[curRow].childNodes[curCol].childNodes[0].select();//选中上一行的文本框.  
            }  
        }else if(iekey==40 || iekey == 13){ 

            if(++curRow<=rowCount&&grid.childNodes[0].childNodes[curRow].childNodes[curCol].childNodes[0].tagName=="INPUT"){  
                grid.childNodes[0].childNodes[curRow].childNodes[curCol].childNodes[0].select();//选中下一行的文本框.  
          }  
        }else if(iekey==39){  
           if(++curCol<=colCount&&grid.childNodes[0].childNodes[curRow].childNodes[curCol].childNodes[0].tagName=="INPUT"){  
                grid.childNodes[0].childNodes[curRow].childNodes[curCol].childNodes[0].select();//选中下列的文本框.  
            }  
        }else if(iekey==37){  
           if(--curCol>=0&&grid.childNodes[0].childNodes[curRow].childNodes[curCol].childNodes[0].tagName=="INPUT"){  
                grid.childNodes[0].childNodes[curRow].childNodes[curCol].childNodes[0].select();//选中前列的文本框.  
            }  
        }  
    }  
}  
document.onkeydown = keyDown;
</script>
</head>

<body style="font-size:12px;text-align: center; padding: 8px;" >
<form action="#" method="post">
<TABLE id="myGrid">

<tr >
<td ><input type="text"/></td>
<td ><input type="text"/></td>
<td ><input type="text"/></td>
<td ><input type="text"/></td>
<td ><input type="text"/></td>
<td ><input type="text"/></td>
<td ><input type="text"/></td>
</tr>
<tr >
<td ><input type="text"/></td>
<td ><input type="text"/></td>
<td ><input type="text"/></td>
<td ><input type="text"/></td>
<td ><input type="text"/></td>
<td ><input type="text"/></td>
<td ><input type="text"/></td>
</tr>
<tr >
<td ><input type="text"/></td>
<td ><input type="text"/></td>
<td ><input type="text"/></td>
<td ><input type="text"/></td>
<td ><input type="text"/></td>
<td ><input type="text"/></td>
<td ><input type="text"/></td>
</tr>
<tr >
<td ><input type="text"/></td>
<td ><input type="text"/></td>
<td ><input type="text"/></td>
<td ><input type="text"/></td>
<td ><input type="text"/></td>
<td ><input type="text"/></td>
<td ><input type="text"/></td>
</tr>
<tr >
<td ><input type="text"/></td>
<td ><input type="text"/></td>
<td ><input type="text"/></td>
<td ><input type="text"/></td>
<td ><input type="text"/></td>
<td ><input type="text"/></td>
<td ><input type="text"/></td>
</tr>
<tr >
<td ><input type="text"/></td>
<td ><input type="text"/></td>
<td ><input type="text"/></td>
<td ><input type="text"/></td>
<td ><input type="text"/></td>
<td ><input type="text"/></td>
<td ><input type="text"/></td>
<tr >
<td ><input type="text"/></td>
<td ><input type="text"/></td>
<td ><input type="text"/></td>
<td ><input type="text"/></td>
<td ><input type="text"/></td>
<td ><input type="text"/></td>
<td ><input type="text"/></td>
</tr>
</TABLE>
</form>
</body>
</html>
分享到：
| Java中文乱码问题
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    three.js自定义第一人称键盘控制

    居于three.js，实现键盘控制前进后退，上升下降的第一人称控制。

    js软键盘.js软键盘.js软键盘

    JavaScript（简称JS）软键盘是一种基于Web的输入解决方案，它允许用户在网页上进行安全的输入操作，尤其适用于处理敏感信息如密码时，避免了原生系统键盘在公共设备上的安全风险。本压缩包文件主要包含一个名为"软...

    js日期输入控件，键盘实现快速输入（绝对原创）

    但是这些控件仅仅是好看，在很多业务系统中，操作员更希望所有的信息都是靠键盘输入，这样的输入速度，比一会儿用键盘，一会儿用鼠标快很多。本例是一个可以动态配置日期/时间输入项的键盘时间输入控件。支持：1、...

    JS软键盘(javascript版本)

    例如，可以考虑使用动画效果使按键按下时有所反馈，或者根据输入的字符类型（如数字、字母、符号）动态切换键盘布局。 4. 安全性：软键盘的主要目标是提高安全性。因此，确保代码不引入新的安全漏洞至关重要。例如...

    js实现虚拟键盘

    在这个场景中，我们讨论的是使用JavaScript来实现一个虚拟键盘，这对于触摸屏设备上的输入操作非常有用，比如在移动设备或平板电脑上，用户可能没有物理键盘，此时虚拟键盘就成为了必要的输入工具。 虚拟键盘的实现...

    使用JS监听键盘按下事件（keydown event）

    其中，keydown事件在用户按下键盘上的任意键时触发，keypress事件在按键被按下并产生字符时触发，keyup事件则在键盘键被释放时触发。本文主要关注keydown事件的监听。 要监听全局的键盘按下事件，可以使用jQuery中...

    JS虚拟键盘 带中文拼音输入

    它可以直接在浏览器上运行，无需服务器支持，使得虚拟键盘功能得以实时响应用户的操作。 2. **虚拟键盘实现** - **HTML和CSS**：首先，我们需使用HTML创建键盘布局，CSS负责样式设计，使其看起来和真实键盘相似。...

    各种禁止键盘的经典JS

    ### 各种禁止键盘的经典JS #### 知识点概览 本文将详细介绍一个用于禁止特定键盘操作的经典JavaScript脚本，该脚本可以实现以下功能： - 禁止用户在指定文本框内粘贴内容。 - 阻止用户在输入框中使用拖拽方式输入...

    javascript键盘响应事件

    一、原生JavaScript键盘事件 1. `keydown`事件：当用户按下键盘上的一个键时触发。 2. `keyup`事件：当用户释放键盘上的一个键时触发。 3. `keypress`事件：对于可打印字符，此事件在`keydown`之后、`keyup`之前...

    键盘操作JS

    在“键盘操作JS”这个主题中，我们主要探讨的是如何利用JavaScript来监听和处理用户的键盘输入事件，以实现对电信BOSS业务系统的键盘操作控制。这通常涉及到网页界面的交互优化，提升用户体验，尤其是对于那些需要...

    js虚拟键盘

    总结，"js虚拟键盘"项目涉及到JavaScript编程、DOM操作、事件处理、CSS样式设计以及中英文输入的逻辑处理。通过学习和理解这个项目，开发者可以掌握创建自定义虚拟键盘的关键技术和实践方法，提升网页应用的用户体验...

    JS 网页动态键盘

    1. **DOM元素创建**：通过`document.createElement`方法动态生成键盘按键对应的DOM元素（如`&lt;div&gt;`或`&lt;button&gt;`），并设置其样式属性，包括位置、大小、颜色等，以形成键盘布局。 2. **事件监听**：为每个按键元素...

    js 虚拟键盘 支持中英文切换 高灵敏度

    JavaScript（简称JS）虚拟键盘是一种基于Web的解决方案，它允许用户在网页上输入文本，尤其适用于触屏设备或需要安全输入的场景。标题中的“支持中英文切换”意味着这款虚拟键盘具备了输入中文和英文字符的功能，这...

    JS网页小键盘

    综上所述，"JS网页小键盘"的实现涉及了JavaScript基础、DOM操作、事件处理、数据交互、样式设计等多个方面，通过这些技术结合，我们可以创建出一个既美观又实用的网页数字键盘，提升用户在网页上的输入体验。

    datagrid键盘操作.zip

    在EasyUI框架中，DataGrid提供了丰富的功能，包括键盘操作，以提高用户交互的效率和便捷性。"datagrid键盘操作.zip"这个压缩包文件显然是针对如何在EasyUI的DataGrid上实现键盘监听事件进行的示例讲解。 EasyUI是一...

    JS软键盘代码

    在创建软键盘时，JavaScript可以用来定义键盘布局、按键事件监听以及输入值的处理。例如，可以通过创建一系列按钮元素，每个按钮代表一个字符或功能，然后绑定点击事件来模拟键盘输入。 jQuery是一个流行的...

    javascript调用exe文件，弹出系统软键盘

    总结一下，通过JavaScript调用exe文件，我们可以实现诸如弹出系统软键盘等操作。这通常涉及到浏览器兼容性问题，以及如何在不同环境中安全地执行此类操作。在实际应用中，确保用户安全和隐私是非常重要的，因此在...

    JS虚拟键盘VirtualKeyboard3.7.1

    JS虚拟键盘，顾名思义，是一种基于JavaScript技术实现的键盘模拟器，能够在网页上生成一套可交互的键盘界面，为用户提供输入服务。VirtualKeyboard3.7.1版本在前作的基础上进一步优化，特别强调对中英文输入的支持，...

    JS调用本地软键盘.zip

    要实现这个功能，我们需要编写JavaScript代码来触发系统级的操作。这通常涉及到使用ActiveXObject，这是Internet Explorer浏览器特有的一个对象，可以用来与Windows COM组件交互。COM（Component Object Model）是一...

    js模拟小键盘

    这些键可以通过`&lt;button&gt;`或`&lt;div&gt;`元素来创建，并附加相应的CSS样式使其看起来像键盘按键。 接着，为每个按键绑定点击事件，可以使用`addEventListener`函数。当用户点击按键时，对应的JavaScript函数会被调用，这...

Magicbox
Global site tag (gtag.js) - Google Analytics