老师好,我想问一下这个代码的一部分的意思

来源:3-1 键盘事件(上)

小屁鹤

2019-05-17 12:50:52

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">    

<html xmlns="http://www.w3.org/1999/xhtml">    

<head>    

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />    

<title>用户按下键盘,显示keyCode</title>    

<style>    

body{    

text-align:center;    

font:30px/1.5 \5fae\8f6f\96c5\9ed1, arial;    

}    

pre{color:green;padding:10px 15px;background:#f0f0f0;border:1px dotted #333;font:12px/1.5 Courier New;text-align:left;}    

span{color:#999;}    

</style>    

<script type="text/javascript">    

window.onload = function ()    

{    

var oP = document.getElementsByTagName("p")[0];    

document.onkeydown = function (event)    

{    

var event = event || window.event;    

oP.innerHTML = event.keyCode;    

return false    

}    

}    

</script>    

</head>    

<body>    

<pre>    

&lt;script type="text/javascript"&gt;    

window.onload = function ()    

{    

var oP = document.getElementsByTagName("p")[0];    

document.onkeydown = function (event)    

{    

var event = event || window.event;    

oP.innerHTML = event.keyCode;    

return false    

}    

}    

&lt;/script&gt;    

</pre>    

<p>这里将显示您按下键的 keyCode</p>    

</body>    

</html>    


老师,script里的

document.onkeydown = function (event)    

{    

var event = event || window.event;    

oP.innerHTML = event.keyCode;    

return false    

}     

这部分可以解释一下代码意思吗?

谢谢老师,老师辛苦啦~


写回答

1回答

好帮手慕星星

2019-05-17

你好,可以参考下面的解释:

http://img.mukewang.com/climg/5cde6b36000172f509600318.jpg

Event 对象代表事件的状态,比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。

例如:

输出event对象:

http://img.mukewang.com/climg/5cde6b980001c5b406290301.jpg

http://img.mukewang.com/climg/5cde6b8f00013fde18650856.jpg

自己可以测试下,祝学习愉快!

1

0 学习 · 36712 问题

查看课程