Rumah > Artikel > hujung hadapan web > JS 中 onchange 事件如何使用?
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!