vue.js事件属性

最新推荐文章于 2025-12-04 17:39:28 发布

原创最新推荐文章于 2025-12-04 17:39:28 发布 · 88 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js

本文详细介绍了JavaScript中点击事件(Click)和键盘按键事件(Keydown)的实现，包括事件对象的属性如event、target和currentTarget，以及键盘事件中的key、code、charCode和keyCode等关键参数。

1.点击事件(Click)案例一: 在一个按钮上添加点击事件

事件属性:
event:这是原生的事件对象，你可以通过它获取关于事件的详细信息，比如事件的类型、触发事件的元素等
target:这是触发事件的元素
currentTarget:这是监听事件的元素，通常是你用来触发事件的对象

2.键盘按键事件(Keydown)案例二:在一个输入框上添加键盘按键事件事件属性
event:这是原生的事件对象，你可以通过它获取关于事件的详细信息，比如事件的类型、触发事件的元素等
key:这是被按下的键的名称，比如Enter、"Up'、Down等
code:这是被按下的键的编码，比如Enter的编码是13。
charCode这是被按下的键的字符码，对于非文本键，这个属性的值是0
keyCode:这是被按下的键的键盘码。对于非文本键，这个属性的值是0。这个属性和code有些相似，但它们的含义略有不同
shiftKey:如果shift键被按下，这个属性的值为true。
ctr1Key:如果ctrl键被按下，这个属性的值为true。
altKey:如果alt键被按下，这个属性的值为true