onchange事件怎么用

 时间:2024-11-10 17:12:12

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

工具/原料

电脑

方法/步骤

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

onchange事件怎么用

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

onchange事件怎么用

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

onchange事件怎么用

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

onchange事件怎么用

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

onchange事件怎么用

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

onchange事件怎么用

创建视图的sql语句 idea怎么安装插件 html中怎么隐藏input标签 sql删除语句 HTML网页怎样获取input的值
热门搜索
日本邪恶漫画大全 牙周炎症状图片 浅色图片 黄漫画大全 异国色恋浪漫谭漫画