JavaScript事件——其他类事件

三、其他类事件

1》οnlοad===》加载(DOM加载完毕)
在这里插入图片描述在这里插入图片描述
在这里插入图片描述
如果调换313和314的位置那么不会给background加背景颜色
在这里插入图片描述
在这里插入图片描述
这里会报错,没有style属性
在这里插入图片描述
如果打印box,会获取空值,而不是节点
原因在于:先加载的是js文件,其次是box的div节点
在这里插入图片描述
在这里插入图片描述

解决:利用onload加载事件
先将DOM结构(DOM元素即文档内的所有节点)加载完成后再加载事件里的内容
在这里插入图片描述
在这里插入图片描述

2》οnfοcus==》 得到焦点
3》onblur ===》 失去焦点
在这里插入图片描述
在这里插入图片描述

鼠标移入,得到焦点,显示淡粉色背景
在这里插入图片描述

鼠标移出,失去焦点,显示浅黄色背景
在这里插入图片描述

4》οnresize===》浏览器或者框架尺寸发生变化时触发的事件
在这里插入图片描述
在这里插入图片描述
当浏览器或框架尺寸变化时,会弹出1
在这里插入图片描述
5》onscoll===》滚动条发生变化时触发的事件
在这里插入图片描述
在这里插入图片描述
当拉动滚动条会出现系统弹出框
在这里插入图片描述
6》onchange ==》值发生变化时触发的事件
在这里插入图片描述
注:若点天津(不改变值),则不会弹出;当改变为西藏/厦门后(改变值)才会弹出
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

#其他类事件补充 #:

onmouseover用户在一个HTML元素上移动鼠标
onmouseout用户从一个HTML元素上移开鼠标
onkeydown用户按下键盘按键

JavaScript事件可以做很多事件:用于处理表单验证,用户输入,用户行为及浏览器动作等
• 页面加载时触发事件
• 页面关闭时触发事件
• 用户点击按钮执行动作
• 验证用户输入内容的合法性
也可以使用多种方法来执行 JavaScript 事件代码
• HTML 事件属性可以直接执行 JavaScript 代码
• HTML 事件属性可以调用 JavaScript 函数
• 你可以为 HTML 元素指定自己的事件处理程序
• 你可以阻止事件的发生。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值