JavaScript事件总结

(作者:邱锡纶 撰写时间:2020年4月27日星期一)

JavaScript事件总结

HTML 事件可以是浏览器行为,也可以是用户行为。
以下是 HTML 事件的实例:
• HTML 页面完成加载
• HTML input 字段改变时
• HTML 按钮被点击
通常,当事件发生时,你可以做些事情。
在事件触发时 JavaScript 可以执行一些代码。
HTML 元素中可以添加事件属性,使用 JavaScript 代码来添加 HTML 元素。
单引号:
在这里插入图片描述
输出结果为你现在所处的时间单位;
JavaScript可以做什么?
事件可以用于处理表单验证,用户输入,用户行为及浏览器动作:
• 页面加载时触发事件
• 页面关闭时触发事件
• 用户点击按钮执行动作
• 验证用户输入内容的合法性
• 等等 …
可以使用多种方法来执行 JavaScript 事件代码:
• HTML 事件属性可以直接执行 JavaScript 代码
• HTML 事件属性可以调用 JavaScript 函数
• 你可以为 HTML 元素指定自己的事件处理程序
• 你可以阻止事件的发生。
• 等等 …
常用的事件属性:
onabort-----------------------------图像加载被中断
onblur-------------------------------失去焦点
onclick------------------------------鼠标单击某个对象
onchange--------------------------用户改变内容
ondbclick--------------------------鼠标双击某个对象
onerror-----------------------------当加载文档或对象时发生某个错误
onfocus----------------------------获得焦点
onkeydown------------------------键盘的键被按下
onkeypress-----------------------键盘的键被按下或按住
onkeyup---------------------------键盘的键被松开
onload----------------------------页面完成后的加载事件(页面或图像被完成加载)
onmousedown-----------------鼠标按键被按下
onmousemove-------------------鼠标被移动
onmouseout--------------------鼠标从元素上移开
onmouseover------------------鼠标被移到某个元素上
onmouseup--------------------鼠标按键被松开
onreset--------------------------重置按钮
onselect------------------------选中文本
onresize------------------------窗口或框架被调整尺寸
onsubmit-----------------------提交表单
onunload----------------------用户退出页面
onscroll------------------------滚动条滚动的事件
onabort图像加载被中断;
onblur元素失去焦点;
onchange用户改变域的内容;
onclick鼠标点击某个对象;
ondblclick鼠标双击某个对象;
onerror当加载文档或图像时发生某个错误;
onfocus元素获得焦点;
onkeydown某个键盘的键被按下;
onkeypress某个键盘的键被按下或按住;
onkeyup某个键盘的键被松开;
onload某个页面或图像被完成加载;
onmousedown某个鼠标按键被按下;
onmousemove鼠标被移动;
onmouseout鼠标从某元素移开;
onmouseover鼠标被移到某元素之上;
onmouseup某个鼠标按键被松开;
onreset重置按钮被点击;
onresize窗口或框架被调整尺寸;
onselect文本被选定;
onsubmit提交按钮被点击;
onunload用户退出页面;

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值