onchange()事件不触发 不起作用

 时间:2024-09-20 21:32:57

JS中的onchange()事件,是一个表单域的操作事件。用于:<input>、<select>、<textarea>三个表单标签,对于其他普通标签是不起作用的,即:不能触发事件。

工具/原料

电脑一台

JavaScript

方法/步骤

1、新建HTML文件,定义表单域,表单是与用户交互的重要途径。

onchange()事件不触发 不起作用

2、在表单域内,定义一个<input>标签,用于onchange()事件示麻质跹礼例代码:<inputtype=媪青怍牙"text"name="funonc"id="funonc"onchange="fun()">

onchange()事件不触发 不起作用

3、使用JS,定义onchage()事件的触发函数fun()示例代码:<script>酆璁冻嘌functio荏鱿胫协nfun(){varobj=document.getElementById("funonc");obj.value="当光标离开INPUT输入域时,显示此语句!";}</script>

onchange()事件不触发 不起作用

4、保存文件并在浏览器预览效果,请对比:输入时和离开后

onchange()事件不触发 不起作用

onchange()事件不触发 不起作用

5、在表单域内定义一个<select>标签,并定义JS函数fun()示例代艨位雅剖码:<for罪焐芡拂maction=""><selectname="funonc"id="funonc"onchange="fun()"><optionvalue="apple">apple</option><optionvalue="banana">banana</option><optionvalue="blueberry">blueberry</option></select></form><script>functionfun(){varobj=document.getElementById("funonc");alert("你即将订购:"+obj.value);}</script>

onchange()事件不触发 不起作用

6、保存文件,并运行预览

onchange()事件不触发 不起作用

onchange()事件不触发 不起作用

7、<textarea>标签的方法与示例中的<inputtype="text">类似,不再赘述

JAVA如何把HashMap内容输出到文本文件 Excel怎么制作随机点名小程序 C#如何进行数字类型的算术运算 如何使用CSS3中的flex属性控制元素分块显示 怎样用VB做日期倒计时
热门搜索
全球风暴 电影 李小龙图片大全 四川铜币图片及价格 怎么p图片 湖南张家界图片