HTML事件,全小写

本文探讨了HTML事件属性在JavaScript中的使用,包括各种事件类型及其应用实例,同时提供了优化建议,如正确书写事件属性及利用`getelementbyid()`方法。

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


======================================================
注:本文源代码点此下载
======================================================

今天虽然还没总结,但也要写一点。

1.在做事时,html中的事件属性写成onclick,用也能用,但最好写成onclick。且注意,它就是一些内置的事件处理器。事件处理器的值是一个或一系列以分号隔开的 javascript 表达式、方法和函数调用,并用引号引起来。当事件发生时,浏览器会执行这些代码。

其他的html事件还有,应充分利用。

窗口事件 (window events)仅在 body 和 frameset 元素中有效。

属性值描述

onload

脚本

当文档被载入时执行脚本

onunload

脚本

当文档被卸下时执行脚本

表单元素事件 (form element events)仅在表单元素中有效。

属性值描述

onchange

脚本

当元素改变时执行脚本

onsubmit

脚本

当表单被提交时执行脚本

onreset

脚本

当表单被重置时执行脚本

onselect

脚本

当元素被选取时执行脚本

onblur

脚本

当元素失去焦点时执行脚本

onfocus

脚本

当元素获得焦点时执行脚本

图像事件 (image events)该属性可用于 img 元素:

属性值描述

onabort

脚本

当图像加载中断时执行脚本

键盘事件 (keyboard events)

在下列元素中无效:base、bdo、br、frame、frameset、head、html、iframe、meta、param、script、style 以及 title 元素。

属性值描述

onkeydown

脚本

当键盘被按下时执行脚本

onkeypress

脚本

当键盘被按下后又松开时执行脚本

onkeyup

脚本

当键盘被松开时执行脚本

鼠标事件 (mouse events)

在下列元素中无效:base、bdo、br、frame、frameset、head、html、iframe、meta、param、script、style 以及 title 元素。

属性值描述

onclick

脚本

当鼠标被单击时执行脚本

ondblclick

脚本

当鼠标被双击时执行脚本

onmousedown

脚本

当鼠标按钮被按下时执行脚本

onmousemove

脚本

当鼠标指针移动时执行脚本

onmouseout

脚本

当鼠标指针移出某元素时执行脚本

onmouseover

脚本

当鼠标指针悬停于某元素之上时执行脚本

onmouseup

脚本

当鼠标按钮被松开时执行脚本

2.getelementbyid()之前不要忘记加document.

如:document.getelementbyid("tu");

可以学习baidu写这么一句:function g(id){return document.getelementbyid(id);}


======================================================
在最后,我邀请大家参加新浪APP,就是新浪免费送大家的一个空间,支持PHP+MySql,免费二级域名,免费域名绑定 这个是我邀请的地址,您通过这个链接注册即为我的好友,并获赠云豆500个,价值5元哦!短网址是http://t.cn/SXOiLh我创建的小站每天访客已经达到2000+了,每天挂广告赚50+元哦,呵呵,饭钱不愁了,\(^o^)/
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值