JS 中 onchange 事件如何使用？
- Guanhui原創
- 2020-07-18 15:44:0910302瀏覽
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中文網其他相關文章！
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn
上一篇：js怎麼跳到新頁面？下一篇：js怎麼跳到新頁面？