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

 时间:2026-02-14 17:23:38

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

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

2、在表单域内,定义一个<input>标签,用于onchange()事件

示例代码:

<input type="text" name="funonc" id="funonc" onchange="fun()">

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

3、使用JS,定义onchage()事件的触发函数fun()

示例代码:

<script>

    function fun(){

        var obj=document.getElementById("funonc");

        obj.value="当光标离开INPUT输入域时,显示此语句!";

    }

</script>

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

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

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

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

5、在表单域内定义一个<select>标签,并定义JS函数fun()

示例代码:

<form action="">

    <select name="funonc" id="funonc" onchange="fun()">

        <option value="apple">apple     </option>

        <option value="banana">banana   </option>

        <option value="blue berry">blue berry</option>

    </select>

</form>

<script>

    function fun(){

        var obj=document.getElementById("funonc");

        alert("你即将订购: "+obj.value);

    }

    </script>

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

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

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

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

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

  • JAVA如何把HashMap内容输出到文本文件
  • Excel怎么制作随机点名小程序
  • C#如何进行数字类型的算术运算
  • 如何使用CSS3中的flex属性控制元素分块显示
  • 怎样用VB做日期倒计时
  • 热门搜索
    职业价值观怎么写 字符间距怎么设置 教学目标怎么写 拔丝香蕉怎么做 热水器怎么用 李白怎么玩 啤酒鸭怎么做 大便出血怎么回事 馅饼的面怎么和 户户通没信号怎么调