HTML 事件的學習

HTML 的事件

實時監測用戶在輸入框輸入的內容:


<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>JavaScript程序開發</title>
</head>
<body>
	
	姓名<input type="text" onkeyup="myChange(this)" name="name" id="name">
	<span id="demo1"></span>
	<script>
	function myChange(obj){
		//此處的obj就是<input type="text" onkeyup="myChange(this)" name="name" id="name">
		document.getElementById("demo1").innerHTML="輸入框的內容:"+obj.value;
	}
	</script>

</body>
</html>

在頁面的輸入框輸入內容時,右邊也會實時顯示輸入框的內容

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章