Rumah > Artikel > hujung hadapan web > JS 中 onchange 事件如何使用？
JS 中 onchange 事件如何使用？
- Guanhuiasal
- 2020-07-18 15:44:0910417semak imbas
JS 中 onchange 事件如何使用？
JS中onchange事件会在域的内容改变时发生，同时也可用于单选框与复选框改变后触发的事件，其语法有两种，一种是在元素属性上添加“onchange”属性，属性值为JS代码，另一种直接在元素对象上设置即可。
示例代码
HTML 中:
<element onchange="SomeJavaScriptCode">
JavaScript 中:
object.onchange=function(){SomeJavaScriptCode};完整示例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(phpcn.com)</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>推荐教程：《PHP》
Atas ialah kandungan terperinci JS 中 onchange 事件如何使用？. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：js怎么跳转到新页面？Artikel seterusnya：AJAX 如何实现 Excel 报表导出？