DOM事件

最新推荐文章于 2022-08-24 20:27:32 发布

韵然CP

最新推荐文章于 2022-08-24 20:27:32 发布

阅读量86

点赞数

分类专栏： JavaWeb

本文链接：https://blog.csdn.net/qq_40354578/article/details/94570915

版权

JavaWeb 专栏收录该内容

51 篇文章 0 订阅

订阅专栏

事件的理解就是有一个物体，我们对他做出动作，在网页中就是点击之类的然后他能做出反应

事件的不同写法：

1）<h1 οnclick="this.innerHTML"="谢谢!"">请点击该文本</h1>

2)Element.οnclick=function(){displayDate()};

3)Element.addEventListener("click",function(){});

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>DOM事件</title>
	</head>
	<body>
		<!--
        	1、元素
        	2、动作
        	3、反映的结果
        	
        	1）事件内嵌元素中
        	<h1 onclick="this.innerHTML"="谢谢!"">请点击该文本</h1>
            2)Element.onclick=function(){displayDate()};
            3)Element.addEventListener("click",function(){});
        -->
        <div onclick=alert('helloworld')>按钮</div>
        <div id="a">
        	我是a
        </div>
        <div id="b">
        	我是b
        </div>
        <script type="text/javascript">
        	var a=document.getElementById("a");
        	a.onclick=function(){
        		alert("a被触发");
        	}
        	
        	var b=document.getElementById("b");
        	b.addEventListener("click",function(){
        		alert("b被触发");
        	});
        </script>
	</body>
</html>

当点击第一行

当点击第二行

当点击第三行

韵然CP

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
DOM事件

事件的理解就是有一个物体，我们对他做出动作，在网页中就是点击之类的然后他能做出反应事件的不同写法：1）<h1 onclick="this.innerHTML"="谢谢!"">请点击该文本</h1>2)Element.onclick=function(){displayDate()};3)Element.addEventListener("click",fu...
复制链接

扫一扫

专栏目录