js 是面向对象的,每次这么说一遍,总有一天会深入理解这个概念的;
我们来看看事件对象,我们先简单的从概念上描述一下什么是事件对象:
我们都知道事件,比如click ,keydown , mouseover 等等,是不是很熟悉,
那么事件对象就很好理解了,事件对象存储了有关这个对象的一些信息,而这些信息我们都能获取:
这么说也不好理解,看下面的图片:
假设现在有一个点击事件,那么点击事件的事件对象就像一个大盒子,这个大盒子就是click的事件对象,
事件对象,也就是这个大盒子,里面有很多相关的信息,如图所示;
而我们也能够获取或者设置这些信息;
我们看下面的例子,获取键值:
<!DOCTYPE html>
<
html
lang=
"en">
<
head>
<
meta
charset=
"UTF-8">
<
meta
name=
"viewport"
content=
"width=device-width, initial-scale=1.0">
<
meta
http-equiv=
"X-UA-Compatible"
content=
"ie=edge">
<
title>事件对象--获取键值</
title>
</
head>
<
body>
<
script>
window.
onload
=
function(){
window.
onkeydown
=
function(
ev){
alert(ev.keyCode);
}
}
</
script>
</
body>
</
html>
上面的函数中的参数 ev 就是事件对象,也就是onkeydown 的事件对象,
keyCode就是事件对象中的信息,我们能够获取这个信息,也就是按下键盘的键值;