• 首页
  • vue
  • TypeScript
  • JavaScript
  • scss
  • css3
  • html5
  • php
  • MySQL
  • redis
  • jQuery
  • onchange

    版本:HTML5

    定义和用法

    onchange属性在元素值改变时触发。

    onchange属性可适用于<input><textarea><select>元素。

    语法

    <element onchange="script">

    浏览器支持

    所有主流浏览器都支持onchange事件属性

    示例

    <!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="utf-8">
    		<title>www.lanmper.cn</title>
    	</head>
    	<head>
    		<script>
    		function myFunction(){
    		var x=document.getElementById("fname");
    		x.value=x.value.toUpperCase();
    		}
    		</script>
    	</head>
    	<body>
    		输入你的名字: <input type="text" id="fname" onchange="myFunction()">
    		<p>当你离开输入框后,函数将被触发,将小写字母转为大写字母。</p>
    	</body>
    </html>
    

    HTML 4.01 与 HTML5之间的差异

    无。

    属性值

    描述
    script规定该onchange事件触发时执行的脚本。

    实例

    当元素改变时运行脚本:
    <input type="text" name="txt" value="hello" onchange="checkfield(this.value)">

    上篇:onblur

    下篇:onfocus