JavaScript事件总结

开发工具与关键技术:Adobe Dreamweaver JavaScript
作者:郭程富
撰写时间:2020年4月27日
知识点:
事件:
事件,就是文档或浏览器窗口中发生的一些特定的交互瞬间。
JavaScript 与 HTML 之间的交互是通过事件实现的。
对于 Web 应用来说,有下面这些代表性的事件:单击事件、鼠标移入移出事件、键盘按下/弹起事件等等。
下面这部分就是事件分析:
onclick 鼠标点击某个对象。
例如:绑定事件
在这里插入图片描述
h1标签里面加了onclick鼠标点击事件,然后输出出来就是这样的:在这里插入图片描述

点击我是一个按钮就输出了alert里面的值。
ondblclick 鼠标双击某个对象,双击事件也是一样的就不说了。
onerror 当加载文档或图像时发生某个错误。
例如:浏览器在加载一个页面时,是按照自上而下的顺序加载的读取到一行的时候就运行一行,如果将script标签写在上面,在执行代码时,页面还没有加载。
在这里插入图片描述
这里有两个同样的事件,一个在上面一个在下面,这个事件代码是按照从上往下运行,前提是必须在需要绑定的事件下面才能执行加载。
如图: 在这里插入图片描述

不管你点击多少次它还是会显示绑定事件下面的代码,除非你把下面的代码给注释掉,否则是不显示上面的代码。
onfocus 元素获得焦点。
onblur 元素失去焦点。
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、付费专栏及课程。

余额充值