同学们在使用原生JavaScript开发的时候经常会用到一些事件来触发效果,例如onclick、onload等等,下面小千就给大家详细介绍一下他们的功能和使用案例,喜欢的话记得收藏起来。
一、onblur–对象失去焦点时触发
这时候当in2这个元素失去焦点时,就可以获取到用户的输入值。
二、onchange–当输入框内容发生改变时触发
当用户本次输入的值与上次输入的值不一样时,这是触发这个事件,可以获取到用户最新输入的值。
三、onclick–点击事件
这张图片被点击时就会标称想要的大小。
四、ondbclick–双击事件
这个div就会在双击的时候变成红色的背景。
五、onfocus–获取焦点事件
In2这个输入框在获取到焦点的同时,还可以获取到in1输入框的内容。
六、onkeyup–键盘弹起事件
在这个输入框中输入任何字母时,都可以根据键盘输入实时获取到输入框的值,完成实时搜索的功能。
七、onload–页面加载完成的事件
这个事件的主要目的是判断页面的元素是否已经加载完成,如果加载完成,一般的dom操作就可以顺利进行了
八、onmouseover,onmouseout–两个鼠标事件
前一个是鼠标覆盖时调用,后一个是鼠标离开时调用。当鼠标覆盖这个div时,div的背景会变成红色,如果离开div则显示蓝色。
九、onselect–输入值全部被选中时触发
当用户双击input的输入内容时,这个事件会触发,可以得到用户之前的输入值,作为下一步的内容。
本文来自千锋教育,转载请注明出处