HTML onchange 事件属性

时间：2016-10-07 22:47:31 收藏：0 阅读：3682

定义和用法

onchange 在元素值改变时触发。

onchange 属性适用于：<input>、<textarea> 以及 <select> 元素。

实例

当值改变时检查输入字段：

<input type="text" name="txt" value="Hello" onchange="checkField(this.value)">

<!DOCTYPE html>
<html>
    <head>
    <script language="javascript" type="text/javascript">
        function checkField(val) {
            alert("输入值已更改。新值是：" + val);
        }
    </script>
    </head>
    <body>

    <p>请修改输入字段中的文本，然后在字段外点击以触发 onchange。</p>
        请输入文本：<input type="text" name="txt" value="Hello" onchange="checkField(this.value)">
    </body>
</html>

技术分享

比如：

图片上传时，我想选中图片之后就执行上传逻辑

技术分享

<input type=‘file‘ id=‘imgsFile‘ name=‘imgsFile‘ class="file" onchange=‘submitUpload()‘ />