html加载onchange事件,HTML onchange事件用法及代码示例

2024-04-07 03:52:09

当元素的值已更改时，将发生HTML DOM onchange事件。当选中的状态已更改时，它也可以使用单选按钮和复选框。

注意：此事件与oninput事件类似，但唯一的区别是oninput事件在元素值更改后立即发生，而onchange事件在元素失去焦点时发生。

用法:

在HTML中：

在JavaScript中：

object.onchange = function(){myScript};

在JavaScript中，使用addEventListener()方法：

object.addEventListener("change", myScript);

例：使用HTML

GeeksforGeeks

HTML DOM onchange Event

C

JAVA

HTML

PYTHON

function GFGfun() {

var x = document.getElementById("LangSelect").value;

document.getElementById(

"demo").innerHTML = "You selected:" + x;

}

输出：

之前：

后：

例：使用JavaScript

GeeksforGeeks

HTML DOM onchange Event

Email:

document.getElementById(

"email").onchange = function() {

GFGfun()

};

function GFGfun() {

var x = document.getElementById("email");

x.value = x.value.toLowerCase();

}

输出：

之前：

后：

例：在JavaScript中，使用addEventListener()方法：

GeeksforGeeks

HTML DOM onchange Event

Email:

document.getElementById(

"email").addEventListener(

"change", GFGfun);

function GFGfun() {

var x = document.getElementById("email");

x.value = x.value.toLowerCase();

}

之前：

后：

支持的浏览器：DOM onchange Event支持的浏览器如下：

谷歌浏览器

IE浏览器

Firefox

苹果Safari

Opera

html加载onchange事件,HTML onchange事件用法及代码示例相关推荐

加载多个js onload事件
1.将要加载的内容放到onload事件中 (如果出现多个onload可能会出现函数覆盖) 2.使用 document.attachEvent('onreadystatechange',initJS1) ...
bootstraptable 加载完成_bootstrap table onLoadSuccess加载服务端数据成功事件
bootstrap table onLoadSuccess加载服务端数据成功事件 bootstrap table onLoadSuccess加载服务端数据成功的事件,该事件的作用是什么呢?服务端返回自 ...
中动态路径加载_GOT段在linux系统中实现代码动态加载的作用和其他段的说明
上一节我们看到,当程序想调用系统函数时,在编译阶段无法确认被调用函数所在的虚拟地址.因此必须有机制让程序在运行过程中,在调用系统API的时候有办法去确定所调用的系统函数对应的入口地址,这就是代码运行时 ...
Android Glide图片加载框架（一）基本用法
文章目录一.前言二.简介三.基本用法第一步:调用 Glide.with() 方法创建加载图片的实例第二步:调用 load() 方法指定待加载的图片资源第三步:调用 into() 方法绑定显 ...
android加载efi分区,高通Android UEFI XBL 代码流程分析
高通Android UEFI XBL 代码流程分析背景之前学习的lk阶段点亮LCD的流程算是比较经典,但是高通已经推出了很多种基于UEFI方案的启动架构. 所以需要对这块比较新的技术进行学习.在学 ...
javascript/jquery给动态加载的元素添加click事件
/** 这种写法:在重新加载数据后事件依然有效*/$(document).on('click', '#district_layer ul li', function () { }); 转载于:http ...
Vue中动态加载SVG文件并绑定事件、修改节点数据
大致的流程是这样的:实现这个需求是首先通过一个工具(drawio)去自定义绘制图形,然后导出一个svg格式的文件,后端搞了一下drawio工具的源码,在导出的时候,为绘制的图形上每个节点都去绑定了一个 ...
【微信小程序】实现下拉刷新和上拉触底加载更多数据的页面事件
1.下拉刷新事件 1. 什么是下拉刷新下拉刷新是移动端的专有名词,指的是通过手指在屏幕上的下拉滑动操作,从而重新加载页面数据的行为 2. 启用下拉刷新启用下拉刷新有两种方式: ① 全局开启下拉刷新 ...
vue项目中 img标签加载失败方法，onerror事件的两种方法
vue项目中 img标签加载失败方法 ?css 第一种方法第二种方法本人写的第一篇文章,希望对你有帮助第一种方法 < img src="123" :οnerrοr=&q ...

最新文章

热门文章