js实现方向键切换输入框的方法

JavaScript020

js实现方向键切换输入框的方法,第1张

http://www.jb51.net/article/71263.htm

1.document.activeElement：获取当前焦点所在的元素，用户敲击键盘时，这个元素可以获取键盘的事件。只读属性。在mac上只有input[type=text]和textarea可以被分配焦点。这个属性可以是input (text/button/radio/checkbox)或者textarea。可以用本例中的方法切换焦点或者使用tab，然后用空格键激活(按按钮或者选择一个单选框)--- https://developer.mozilla.org/en-US/docs/Web/API/Document/activeElement

2.contains:返回布尔值，确定当前元素是否是指定元素的后代元素，相同元素也是true。

通过创建一个event.keyCode对象，有获取键盘上的方向键，运行代码后，点击键盘上的任意方向键。代码如下：

<html>

<head>

<title>取得键盘的方向键</title>

<script language="javascript">

<!--

function showkey(){

key = event.keyCode

if (key == 37) alert("按了←键！")

if (key == 38) alert("按了↑键！")

if (key == 39) alert("按了→键！")

if (key == 40) alert("按了↓键！")

}

document.onkeydown=showkey

-->

</script>

</head>

<body>

请按方向键←↑→↓

</body>

</html><br /><center>如不能显示效果，按Ctrl+F5刷新。