首頁 > web前端 > js教程 > JS 中 onchange 事件如何使用?

JS 中 onchange 事件如何使用?

Guanhui
發布: 2020-07-18 15:44:09
原創
10428 人瀏覽過

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

以上是JS 中 onchange 事件如何使用?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
js
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板