JavaScript中的Event(事件)详解

管理 管理 编辑 删除

Event 对象

Event 对象代表事件的状态,比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。
事件通常与函数结合使用,
函数不会在事件发生前被执行!

事件句柄 (Event Handlers)

HTML 4.0 的新特性之一是能够使 HTML 事件触发浏览器中的行为,比如当用户点击某个 HTML 元素时启动一段 JavaScript。下面是一些常用属性,可将之插入 HTML 标签以定义事件的行为。

1、单击事件
23cb2202305161640139238.png
2、双击事件
87b8b202305161640164186.png
3、鼠标事件

onmouseover:鼠标放上事件
onmouseout:鼠标离开事件
onmousemove:鼠标移动事件

9edb3202305161640217375.png

4、键盘事件

onkeydown:键盘按下事件
onkeyup:键盘弹起事件

ea924202305161640498750.png

5、焦点事件

onfocus:获得焦点事件
onblur:失去焦点事件
onchange:失去焦点时内容改变事件

5c14c202305161640545099.png

6、页面加载事件

onload:页面加载完成时实现的页面。

e4f7e202305161641298892.png

注:调用多个函数时,只需要用分号隔开即可。如下图:同时触发两种事件

c8727202305161641385361.png

相关事件所对应的函数代码:

a6c6c202305171020207128.png

附:事件名称表

81e14202305171021221374.png


CRMEB-慕白寒窗雪 最后编辑于2023-05-17 10:21:29

回复({{post_count}})
回复从新到旧

{{item.user_info.nickname ? item.user_info.nickname : item.user_name}} 作者 管理员 企业

{{item.user_info.title}}
{{item.created_at}}  {{item.user_info.ip_address}}
{{item.like_count}}
{{item.showReply ? '取消回复' : '回复'}}
删除
回复

{{itemc.user_info.nickname}}

{{itemc.user_name}}

作者 管理员 企业

回复 {{itemc.comment_user_info.nickname}}

{{itemc.created_at}}   {{itemc.user_info.ip_address}}
{{itemc.like_count}}
{{itemc.showReply ? '取消回复' : '回复'}}
删除
回复
查看更多
回复
添加回复 ({{post_count}})
61
{{like_count}}
{{collect_count}}

相关推荐

CRMEB-慕白寒窗雪 管理员
社区运营专员---高冷のBoy | 呆萌のGirl

回答

741

发布

1075

经验

20426

快速安全登录

使用微信扫码登录
经验说明

1、发布新帖子,每发布一条帖子可获得20个经验,每天最多可获取200个经验;

2、发布新回复,每发布一条回复可获得10个经验,每天最多可获取200个经验;

3、发布的帖子被管理员设置为精华帖,每被加精一次可获得10个经验,无上限;

4、发布帖子被回复一条,加2个经验,无上限;

5、发布帖子被点赞一个或发布评论被点赞加5个经验,无上限;

6、论坛首页大神积分排行榜,统计90天以内获取的累积经验值进行排序。

7、技术社区经验和官方商城用户经验同步,累计经验值会提升商城会员等级,购买官方商城产品享受对应会员等级折扣

确定
{{item.label}} 首页头条 首页动态 加精 板块推荐 取 消 确 定
回复

快速安全登录

使用微信扫码登录
CRMEB客服

CRMEB咨询热线 咨询热线

400-8888-794

微信扫码咨询

CRMEB开源商城下载 开源下载 CRMEB官方论坛 帮助文档
返回顶部 返回顶部
CRMEB客服