onchange事件怎么用

目前
HTML5越来越火，学习
h5网页知识的人越是越来越多了。今天小编就来跟大家分享一下
onchange事件怎样使用。喜欢网页设计的朋友可以学习一下哟！

操作方法

  • 01

    首先，我们来看一段实例代码，有一个文本输入框。

  • 02

    接着，我们在这个文本输入框里面设置一个onchange事件，并给onchange事件绑定了一个函数a()。 onchange用法：包含有onchange事件的标签在发生改变时会触发已经绑定的函数。

  • 03

    接着来看函数a()，它的作用是把文本框里面的内容变成字符串“my"。

  • 04

    接着来看预览图，可以看到文本框里面没有任何内容。

  • 05

    接着我们在文本框输入内容，这时候光标没有离开文本框，输入的内容是”aa"，这里可以随便输入任何内容，结果都会变成”my"。

  • 06

    当光标离开文本框之后，文本框的内容就变成了“my"，这是因为触发了onchange事件。 所谓onchange事件就是原本我们的标签input所表示的文本框里面没有任何内容，而当我们输入任何内容之后，网页从没有内容变成了有内容，input标签发生了改变，这就是onchange事件。

赞 (0)

相关推荐

  • video的用法（video的意思以及用法）

    video的用法（video的意思以及用法）

    Video的基本使用方法1)您的浏览器不支持video标签,请使用google浏览器浏览2)加入要添加预加载图片,添加属性poster="图片URL"您的浏览器不支持video标签 ...

  • Win7旗舰版系统快速打开事件查看器的方法

    在Win7事件查看器中，可以看到电脑在运行过程中产生的一系列事情，比如警告、信息、审核成功事件、审核失败事件，应用程序硬件事件的日志摘要等，能够诊断当前系统问题产生的根源，预测潜在的系统问题，是排除系 ...

  • 禁用win2003关机事件跟踪程序及关机审核让关机加速

    windows 2003系统以它的稳定性、安全性让很多人成为它的忠实用户，但是在win2003系统中，它的关机操作就给用户带来了一些麻烦，现在就让小编来帮大家接触这些麻烦，让关机加速。 一、关闭关机事 ...

  • windows8系统的无故自动开机(通过事件查看器分析解决)

    最近电脑很奇怪的经常自动启动，回忆一下时间，似乎并不是传说的自动更新时间（通常情况下默认的时间是凌晨三点钟的自动维护），并且一般情况下我都是自我维护，所以我早就把这个自动维护给关闭了。可是有时候下班回 ...

  • 如何打开事件查看器 win7事件查看器打开及使用方法介绍

    微软在Windows XP/7、8等操作系统中都集成有事件查看器，它可以完成许多特殊的工作，比如审核系统事件和存放系统、安全及应用程序日志等等，而系统日志中存放了Windows操作系统产生的信息、警告 ...

  • Win7中用命令快速打开电脑事件查看器图文教程

    通过事件查看器我们不仅可以查看硬件、系统组件的信息，还可以诊断当前系统问题的根源，预测潜在的系统问题，是排除系统问题的好帮手。今天小编就教大家快速打开事件查看器的方法。 一、按下组合键“win+r”打 ...

  • 如何查看金山毒霸监控事件

    金山毒霸是老牌的国内杀毒软件之一。普通用户在使用金山毒霸的过程中，通常都会感觉到金山毒霸似乎比较“文静”。在电脑系统比较安全的情况下，它并不会主动弹出各种提示来，与用户进行“交流”。我们在做一些杀毒软 ...

  • Windows 8技巧:Windows 8常用鼠标事件 分析介绍

    在Windows 8中采用一些新的鼠标事件以替代以前Silverlight的鼠标事件，其常用事件如下： PointerWheelChanged:鼠标中键滑动事件。 PointerPressed:鼠标点 ...

  • 笔记本尺寸"猫腻"事件背后黑幕

    前不久，某些国际品牌笔记本电脑尺寸方面的猫腻，市场上D品牌的笔记本电脑，采用14英寸的液晶屏，但是外壳却依旧采用15英寸。除了屏幕周围加粗的边框，其余无论是重量、体积还是便携性，都是完完全全的15英寸 ...