15-07-31 javascript--事件

本文详细介绍了JavaScript中的各种事件及其应用场景,包括但不限于鼠标事件、键盘事件、页面加载事件等,并提供了具体的事件属性说明。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

函数必须调用才能执行,可a()加下面的函数调用

JS事件

1、js事件通常和函数结合来使用,这样可以通过发生的事件来驱动函数的执行,从而引起html出现不同的效果。

2、属性(当这些事件的属性发生时,会触发function{}的函数):

1)onabort:当图像加载被中断时,会引发function内的函数。

2)onbur:当元素失去焦点;

3)onfocus:当元素获得焦点,获得焦点,就是文本框里面的内容修改

4)onclick:鼠标点击某个对象

 

5)ondbclick:鼠标双击某个对象

6)onerror:当加载文档或图像时发生某个错误

7)onchange:当用户改变域的内容(onchange事件常结合对输入的字段验证来使用,常用语表单验证身份证、邮箱注册及登录、区号等等的格式是否正确)

8)onkeydown:某个键盘的键被按下

9)onkeypress:某个键盘的键被按下或按住

10)onkeyup:某个键盘的键被松开

11)onload:某个页面或图像被完成加载

12)onmousedown:某个鼠标按键被按下(onmousedown, onmouseup 以及 onclick 构成了鼠标点击事件的所有部分。首先当点击鼠标按钮时,会触发 onmousedown 事件,当释放鼠标按钮时,会触发 onmouseup 事件,最后,当完成鼠标点击时,会触发 onclick 事件。)

13)onmousemove:鼠标被移动

14)onmouseout:鼠标从某元素移开

15)onmouseover:鼠标被移动到某元素之上

16)onmouseup:某个鼠标按钮被松开(区别onkeyup)

17)onreset:重置按钮被点击

18)onresize:窗口或框架被调整尺寸

19)onselect:文本被选定

20)onsubmit:提交按钮被点击

21)onunload:用户退出页面

二、事件传输

1、传数字参数:直接写在括号里

 

2.传“字符串”,双引号嵌套,里面要用单引号

 

3.传自身元素:参数写this,this代表该元素

转载于:https://www.cnblogs.com/jia520110270/p/4760250.html

{ "msg": "操作成功", "code": 200, "data": { "searchValue": null, "createBy": null, "createTime": null, "updateBy": null, "updateTime": null, "remark": null, "params": {}, "id": 0, "name": "所有项目", "parentId": null, "deptId": null, "status": null, "menuIds": null, "children": [ { "searchValue": null, "createBy": "zhujian", "createTime": "2025-07-31 15:12:27", "updateBy": "zhujian", "updateTime": "2025-07-31 16:48:06", "remark": null, "params": {}, "id": 1, "name": "test", "parentId": null, "deptId": 112, "status": 1, "menuIds": "30,31,34", "children": [ { "searchValue": null, "createBy": "zhujian", "createTime": "2025-07-31 15:14:29", "updateBy": "zhujian", "updateTime": "2025-07-31 15:14:29", "remark": null, "params": {}, "id": 2, "name": "test", "parentId": 1, "deptId": 112, "status": 1, "menuIds": null, "children": [ { "searchValue": null, "createBy": "zhujian", "createTime": "2025-07-31 15:14:49", "updateBy": "zhujian", "updateTime": "2025-07-31 15:14:48", "remark": null, "params": {}, "id": 4, "name": "test2", "parentId": 2, "deptId": 112, "status": 1, "menuIds": null, "children": [] }, { "searchValue": null, "createBy": "zhujian", "createTime": "2025-07-31 15:59:33", "updateBy": "zhujian", "updateTime": "2025-07-31 15:59:33", "remark": null, "params": {}, "id": 6, "name": "test3", "parentId": 2, "deptId": 112, "status": 1, "menuIds": null, "children": [] } ] }, { "searchValue": null, "createBy": "zhujian", "createTime": "2025-07-31 15:14:41", "updateBy": "zhujian", "updateTime": "2025-07-31 16:45:51", "remark": null, "params": {}, "id": 3, "name": "test2", "parentId": 1, "deptId": 112, "status": 1, "menuIds": "20,21,22,23,24,25", "children": [ { "searchValue": null, "createBy": "zhujian", "createTime": "2025-07-31 15:15:01", "updateBy": "zhujian", "updateTime": "2025-07-31 15:15:00", "remark": null, "params": {}, "id": 5, "name": "test2", "parentId": 3, "deptId": 112, "status": 1, "menuIds": null, "children": [] } ] } ] } ] } }帮我写一个vue的页面,有个左侧树下拉框,可以根据关键词搜索
08-01
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值