事件一旦發生就直接調用事件處理函數,不會向別的對象傳播。
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>