键盘输入任意键成为dom节点？

最新推荐文章于 2025-02-26 22:20:17 发布

原创最新推荐文章于 2025-02-26 22:20:17 发布 · 108 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#JavaScript #ViewUI

JavaScript 专栏收录该内容

8 篇文章

订阅专栏

本文探讨了使用JavaScript处理键盘输入事件与DOM操作的关系，特别针对不同浏览器（如IE与Firefox）之间的兼容性问题，展示了如何在键盘输入时获取特定DOM元素的值。

<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次