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

2024-05-14 23:30:53

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

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

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

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

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

三、onclick–点击事件

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

四、ondbclick–双击事件

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

五、onfocus–获取焦点事件

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

六、onkeyup–键盘弹起事件

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

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

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

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

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

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

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

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

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

JavaScript中常用的事件代码及实例相关推荐

JavaScript中常用事件有哪些？
JavaScript是基于对象的脚本语言,它的一个最基本的特征就是采用事件鼎动.如,当鼠标指针经过某个按钮或者用户在文本框中输入某些信息时,都可以设置相应的JavaScript事件来完成某些特殊效果. ...
Javascript中Base64编码解码的使用实例
Javascript为我们提供了一个简单的方法来实现字符串的Base64编码和解码,分别是window.btoa()函数和window.atob()函数. 1 var encodedStr = win ...
小程序 | 小程序中常用的事件 + 事件对象的属性列表 +小程序事件传参 + 小程序全局配置 + 小程序页面配置 + 小程序发起网络数据请求
文章目录一.WXML 模板语法数据绑定事件绑定 ⭐小程序中常用的事件 ⭐事件对象的属性列表 target 和 currentTarget 的区别 bindtap 的语法格式在事件处理函数中为 ...
html 点击收藏效果,收藏Javascript中常用的55个经典技巧
收藏Javascript中常用的55个经典技巧更新时间:2007年08月12日 15:39:21 作者: 1. οncοntextmenu="window.event.returnVa ...
JS中常用的事件操作
JS中常用的事件操作前言一.点击事件(导航栏内容切换功能) 二.移入移出事件(导航栏菜单下拉功能) 三.失去焦点事件(表单检验功能) 四.鼠标事件(鼠标跟随功能) 五.键盘事件(打飞机案例) 总结 ...
jsp/html开发中常用的JS代码和页面特效代码
1.jsp/html开发中常用的JS代码 1.后退前进 <input type="button" value="后退" onClick="hi ...
javascript中常用的
javascript中常用的 1.javascript中构造equals().trim()方法并应用 1 String.prototype.Trim = function() 2 { 3 return ...
5种JavaScript中常用的排序方法
5种JavaScript中常用的排序方法 01.冒泡排序通过相邻数据元素的交换,逐步将待排序序列变为有序序列,如果前面的数据大于后面的数据,就将两值进行交换,将数据进行从小到大的排序,这样对数组的第 ...
javascript中的常见事件
javascript中的常见事件 (a) 窗口事件,只在body和frameset元素中才有效 1.onload,页面或者图片加载完成时 2.onunload,用户离开页面时候 (b) 表单元素事件, ...

最新文章

热门文章