第5节. 键盘响应及鼠标控制
键盘响应是实现人机对话的基础。首先我们要知道如何启动一个事件 (event). 下面是启动一个把键按下的"onkeydown" 的事件.
document.onkeydown = keyDown
这里的 keyDown 是你所要编写的响应键盘的子程序。当你的浏览器读了以上的语句, 它将会知道哪个键被按下了,然后启动子程序 keyDown()。 确认哪个键被按下在Netscape 和 IE 有所不同。在Netscaep中, 变量 nKey 将会得到 key code, 而让 ieKey 为 0. 相反, 在IE中, ieKey 为 key code 而 nKey 为 0:
function keyDown(e) {
if (ns4) {var nKey=e.which; var ieKey=0}
if (ie4) {var ieKey=event.keyCode; var nKey=0}
alert("nKey:"+nKey+" ieKey:" + ieKey);
}
document.onkeydown = keyDown
if (ns4) document.captureEvents(Event.KEYDOWN)
用键盘移动元素
假如你想用键盘来控制某元素的滑动, 你需要先知道哪个键被按了, 然后用相应的子程序来滑动元素. 下面我们准备用 "A" 键来启动滑动子程序. Netscape 的 "A" 是 97. 而 IE 是 65. 也就是说, nKey 为 97 而 ieKey 为 65.
function init() {
if (ns4) block = document.blockDiv
if (ie4) block = blockDiv.style
block.xpos = parseInt(block.left)
document.onkeydown = keyDown
if (ns4) document.captureEvents(Event.KEYDOWN)
}
function keyDown(e) {
if (ns4) {var nKey=e.which; var ieKey=0}
if (ie4) {var ieKey=event.keyCode; var nKey=0}
if (nKey==97 || ieKey==65) { // 判断"A"键是否被按下
slide()
}
}
function slide() {
if (block.xpos < 400)
{
block.xpos += 5
block.left = block.xpos
status = block.xpos //附加功能:在状态栏显示元素的横向位置
setTimeout("slide()",30)
}
}
启动变量
介绍一种方法: 用"启动变量"来控制滑动的停止和启动. 这个变量记录了元素是在动还是不动. 然后在滑动子程序里放置 "if" 语句, 根据这个启动变量的值来决定是否停止还是继续滑动.
function slide() {
if (myobj.active) {
myobj.xpos += 5
myojb.left = myobj.xpos
setTimeout("slide()",30)
}
}
|