原始事件模型

最新推荐文章于 2024-09-11 20:12:18 发布

203最强

最新推荐文章于 2024-09-11 20:12:18 发布

阅读量316

点赞数

分类专栏： javascript事件处理文章标签：原始事件模型 html

本文链接：https://blog.csdn.net/qq_36689512/article/details/53982129

版权

javascript事件处理专栏收录该内容

4 篇文章 0 订阅

订阅专栏

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

203最强

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
原始事件模型

原始事件模型事件一旦发生就直接调用事件处理函数，不会向别的对象传播。1.在HTML中设置时间属性是在HTML标记中添加事件属性egg:2.在javascript中设置事件属性原始事件模型 window.onload=function(){ //①获取事件对象 var oP=document.getElementById("1");
复制链接

扫一扫

专栏目录