原始事件模型

原始事件模型
事件一旦發生就直接調用事件處理函數,不會向別的對象傳播。
1.在HTML中設置時間屬性
是在HTML標記中添加事件屬性
egg:<input type="button" value="確定" οnclick="alert(thanks);">
2.在javascript中設置事件屬性
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>原始事件模型</title>
	<script type="text/javascript">
		window.οnlοad=function(){
			//①獲取事件對象
			var oP=document.getElementById("1");
		    //把對象的事件屬性性設置爲一個函數名稱
		    oP.οnclick=f1;
		    oP.οnclick=f2;
		}
		function f1(){alert("我被覆蓋了");}
		function f2(){alert("只有我被執行了");}
	</script>
	</head>
	<body>
		<input type="button" id="1" value="點擊我">
	</body>
</html>


①獲取一個對象
②把對象的一個屬性只設置爲一個函數名(函數名不能帶括號,也不能向函數傳遞參數)。
3.使用代碼觸發事件

可以使用代碼觸發事件,從而調用對應的事件處理程序。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>原始事件模型b</title>
	<script type="text/javascript">
		function p(){
			var f=window.confirm("確定提交?");
			if(f){
				document.getElementById("myform").submit();
			}
			else{
				return false;
			}
		}
	</script>
	</head>
	<body>
		<form id="myform" action="原始事件模型.html" οnsubmit="alert('表單的onsubmit事件被觸發')">
			<input type="submit" value="提交" οnclick="return p();">
		</form>
	
	</body>
</html>



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