html在元素值改变时触发的事件属性onchange
程序员文章站
2022-04-11 16:52:58
...
实例
当值改变时检查输入字段：
<input type="text" name="txt" value="Hello" onchange="checkField(this.value)">
浏览器支持
IE
Firefox
Chrome
Safari
Opera
所有主流浏览器都支持 onchange 属性。
定义和用法
onchange 在元素值改变时触发。
onchange 属性适用于：<input>、<textarea> 以及 <select> 元素。
HTML 4.01 与 HTML5 之间的差异
无。
语法
<element onchange="script">
属性值
| 值 | 描述 |
| script | onchange 发生时运行的脚本。 |
实例
当值改变时检查输入字段：
<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>
以上就是html在元素值改变时触发的事件属性onchange的详细内容，更多请关注其它相关文章！
推荐阅读
-
在js中获取页面元素的属性值时,弱类型导致的诡异事件踩坑记录,
-
当文本框的值发生改变时，触发事件，在IE中有效
-
html中在鼠标双击元素时触发的事件属性ondblclick
-
html中用户（在键盘上）释放按键时触发的事件属性onkeyup
-
html5中在可拖动的元素或选取的文本移出放置目标时执触发的事件ondragleave
-
html5中在元素滚动条在滚动时触发的事件onscroll
-
html5中在可拖动元素或选取的文本放置在目标区域时触发的事件ondrop
-
html5中在可拖动元素或选取的文本正在拖动到放置目标时触发的事件ondragover
-
html在鼠标按钮在元素上按下时触发的事件属性onmousedown
-
html中用户（在键盘上）按键时触发的事件属性onkeypress