原始事件模型详解-优快云博客

本文链接：https://blog.youkuaiyun.com/qq_36689512/article/details/53982129

本文介绍了原始事件模型的基本概念，包括如何在HTML中设置事件属性、如何通过JavaScript代码触发事件等。并通过实例展示了如何使用该模型来实现特定的功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

原始事件模型
事件一旦发生就直接调用事件处理函数，不会向别的对象传播。
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>