5 - 事件

本文介绍了JavaScript中的事件处理,包括鼠标类如click、dblclick、mouseover和mouseout,键盘类的keydown和keyup,以及表单类事件如focus、blur、change和submit。此外,还讲解了window窗口类的load事件和事件函数的编写,如匿名函数和已命名函数的使用。行内事件处理代码的调用方式也进行了说明。

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

事件语法:

标签.on行为类型 = 函数代码  

事件中的标签代表事件源

js中使用 标签的id名 代表 标签 -- 注意:标签的id名不要用js的关键字

行为类型:

鼠标类行为

单击 - click

双击 - dblclick

鼠标移入 - mouseover

鼠标移出 - mouseout

键盘类:

键盘按下 - keydown

键盘抬起 - keyup

表单类:

获取焦点 - focus

失去焦点 - blur

状态改变 - change

表单提交 - submit

window窗口类:

加载事件 - load

window.onload   ---   当浏览器解析到这个事件的时候,他会告诉浏览器,我先不急着加载,你先去加载其他内容,当其他所有内容加载完成后,再回来加载这个事件里面的内容

事件函数代码

匿名函数

函数名称   ---  不要调用

text.onfocus = f

function f() {

    console.log(666);

}

事件可以写在行内

<标签 on事件类型="一行js代码  /  函数的调用语法"></标签>

事件写在行内 就必须调用函数

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值