开发工具与关键技术: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 用户退出页面。
剩下的这些就不一一解释了,可以去多多了解了解这些。