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》
以上是JS 中 onchange 事件如何使用?的詳細內容。更多資訊請關注PHP中文網其他相關文章!