JavaScript中常用的事件代码及实例

同学们在使用原生JavaScript开发的时候经常会用到一些事件来触发效果，例如onclick、onload等等。下面小千就给大家详细介绍一下他们的功能和使用案例，喜欢的话记得收藏起来。

一、onblur–对象失去焦点时触发

这时候当in2这个元素失去焦点时，就可以获取到用户的输入值。

二、onchange–当输入框内容发生改变时触发

当用户本次输入的值与上次输入的值不一样时，这是触发这个事件，可以获取到用户最新输入的值。

三、onclick–点击事件

这张图片被点击时就会标称想要的大小。

四、ondbclick–双击事件

这个div就会在双击的时候变成红色的背景。

五、onfocus–获取焦点事件

In2这个输入框在获取到焦点的同时，还可以获取到in1输入框的内容。

六、onkeyup–键盘弹起事件

在这个输入框中输入任何字母时，都可以根据键盘输入实时获取到输入框的值，完成实时搜索的功能。

七、onload–页面加载完成的事件

这个事件的主要目的是判断页面的元素是否已经加载完成，如果加载完成，一般的dom操作就可以顺利进行了

八、onmouseover，onmouseout–两个鼠标事件

前一个是鼠标覆盖时调用，后一个是鼠标离开时调用。当鼠标覆盖这个div时，div的背景会变成红色，如果离开div则显示蓝色。

九、onselect–输入值全部被选中时触发

当用户双击input的输入内容时，这个事件会触发，可以得到用户之前的输入值，作为下一步的内容。

以上就是常用的JavaScript事件代码和案例的介绍了，建议大家看完之后都自己上手敲一下看看效果，能够更好的帮助记忆。

本文来自千锋教育，转载请注明出处。