<html>
<head>
<script type="text/javascript">
function show(id,event){
if(event.keyCode==13){
alert(document.getElementById(id).nextSibling.nextSibling.value);
}
}
</script>
</head>
<body>
<input type="text" id="d1" onkeydown="show(this.id,event)"/>
<input type="text" id="d2" value="www"/>
<input type="text" id="d3"/>
</body>
</html>
在IE下（含IE9），不用将event传到function中，在火狐下必须将event传入
此例中，对于document.getElementById(id).nextSibling.nextSibling，在页面所敲入的回车键也算作一个dom节点，所以必须出现2次nextSibling
去掉if(event.keyCode==13)的限制条件发现，无论在IE还是火狐，任何从键盘上输入的键都将算作一个dom节点所以要nextSibling出现2次
分享到：
相关推荐
1. **DOM操作**：JQuery库提供了丰富的API来操作DOM元素，构建树形结构时，需要创建、修改和管理DOM节点，以展示和更新树的状态。 2. **递归**：由于树可以有任意多的层级，因此通常使用递归算法来生成无限级别的...
无限级树形菜单则允许用户展开任意多层的子节点，为用户提供更为灵活的浏览体验。下面我们将深入探讨如何使用JS实现无限级树形菜单。 1. **数据结构设计** - 为了构建树形结构，我们需要一个合适的数据结构来存储...
通过观察DOM节点的添加、删除、属性改变等事件，rrweb可以捕获到页面的动态变化。同时，它结合了EventSource和WebSocket等实时通信技术，实时记录用户的交互事件，如鼠标点击、键盘输入等。此外，rrweb还利用了...
虚拟DOM技术（如React）或延迟加载策略（按需加载子节点）可以提高性能。只渲染可视区域内的节点，其他节点在需要时再加载。 8. **插件化和库的使用**： - 市面上有许多成熟的JavaScript库，如jQuery UI、Angular ...
- 键盘导航：支持键盘操作，如使用`ArrowUp`、`ArrowDown`、`ArrowLeft`、`ArrowRight`键进行导航和展开/收起菜单。 - ARIA属性：为无障碍访问（Accessibility）添加合适的ARIA属性，如`aria-haspopup`和`aria-...
数据可以是任意类型，包括字符串、数字或其他复杂对象。 3. **遍历和递归**：为了构建或遍历树结构，我们需要使用递归函数。这允许我们遍历树的所有层级，根据需要展开或折叠节点。 4. **事件处理**：节点的点击、...
常见的DOM事件包括鼠标事件（如click、mouseover、mouseout）、键盘事件（如keydown、keyup、keypress）、表单事件（如submit、change、focus、blur）以及文档加载和卸载事件（如load、unload）。每种事件都有其特定...
当处理组织结构图时，通常会涉及到递归函数，因为树形结构可能有任意深度。递归可以帮助我们遍历整个树，从根节点开始，逐个处理每个员工并构建对应的HTML结构。 6. **可视化库** 为了简化开发，可以使用现有的...
6、答案：D.n个（n>0），在DOM文档的树形结构中，每个节点可以有任意多个子节点。 7、答案：B.当用户提交一个表单时，需要执行的JavaScript事件，onsubmit事件用于表单提交时执行的脚本。 8、答案：A. onClick，命令...
4. **递归渲染**：无限级树形菜单的难点在于如何处理任意数量的子节点。在JavaScript中，递归函数可以很好地解决这个问题，它会根据当前节点的子节点数组，重复生成下一级的菜单项。 5. **事件监听**：为树形菜单...
这个过程涉及到数据的递归处理、事件监听以及DOM操作。下面我们将详细探讨如何利用JavaScript来实现这样的功能。 首先，我们需要一个数据结构来表示树型结构。通常，这可以通过JSON对象来实现，每个对象代表一个...
9. **无障碍性**：考虑到无障碍性（accessibility），树形菜单需要支持键盘导航，例如使用Tab键和箭头键切换焦点，并为屏幕阅读器提供合适的标签和属性。 10. **状态管理**：当树形菜单的状态（如展开/折叠状态）...
zTree的模糊查询功能，允许用户在输入框中输入任意字符，系统会根据这些字符在树结构中进行匹配，返回匹配到的节点，从而提供高效的搜索体验。这种功能在数据量大、层级深的树结构中尤为实用，能够帮助用户快速定位...
在Web开发中，jQuery的事件处理是其核心功能之一，它使得开发者能够轻松响应用户的各种交互行为，如点击、鼠标移动、键盘输入等。本文将深入探讨jQuery中的常用事件及其应用。 一、基本事件 1. `click()`: 这个...
对象是JavaScript的核心特性，它由键值对组成，键通常是字符串，值可以是任意类型。通过对象，你可以实现模块化和封装。 JavaScript的DOM（Document Object Model） API允许你操作HTML和XML文档，通过选择元素、...
1. **层级关系**：菜单允许设置任意层级的子菜单，这对于有深度导航需求的网站特别有用，例如文件管理系统或分类丰富的电子商务网站。 2. **自定义导航**：开发者可以根据需求自由定义每个菜单项的链接，指向不同的...
23. 微机中常见的输入/输出设备：微机通常包括键盘、鼠标作为输入设备，显示器、打印机、音箱作为输出设备。此外，还有扫描仪、摄像头、读卡器等其他类型的输入设备，以及打印机、投影仪、硬盘等输出设备。 这些...
5. **Portal**：这个组件负责将子组件渲染到指定的DOM节点，突破了React组件的正常渲染范围，使得浮动元素可以被放置在文档的任意位置，对于跨组件通信和定位非常有用。 React Overlays库的优势在于其灵活性和可...
在本例中，使用了`keydown`事件，它在用户按下键盘的任意键时触发。通过`e.which`可以判断按下的是哪个键。 ```javascript $inp.bind('keydown', function(e){ var key = e.which; if(key == 13){ // 以下是焦点...