原始事件模型
事件一旦发生就直接调用事件处理函数,不会向别的对象传播。
1.在HTML中设置时间属性
是在HTML标记中添加事件属性
egg:<input type="button" value="确定" onclick="alert(thanks);">
2.在javascript中设置事件属性
①获取一个对象
②把对象的一个属性只设置为一个函数名(函数名不能带括号,也不能向函数传递参数)。
3.使用代码触发事件
事件一旦发生就直接调用事件处理函数,不会向别的对象传播。
1.在HTML中设置时间属性
是在HTML标记中添加事件属性
egg:<input type="button" value="确定" onclick="alert(thanks);">
2.在javascript中设置事件属性
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>原始事件模型</title>
<script type="text/javascript">
window.onload=function(){
//①获取事件对象
var oP=document.getElementById("1");
//把对象的事件属性性设置为一个函数名称
oP.onclick=f1;
oP.onclick=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" onsubmit="alert('表单的onsubmit事件被触发')">
<input type="submit" value="提交" onclick="return p();">
</form>
</body>
</html>