6.16 js学习笔记补充

最新推荐文章于 2024-05-03 01:28:14 发布

Shelysure

最新推荐文章于 2024-05-03 01:28:14 发布

阅读量90

点赞数

文章标签： js

本文链接：https://blog.csdn.net/Shelysure/article/details/106722224

版权

event

在这里插入图片描述

eventPhase

在这里插入图片描述

如果事件处理处于捕获阶段调用 eventPhase=1
如果事件处理程序处于目标对象上，eventPhase=2
如果处于事件冒泡阶段调用事件处理程序，eventPhase=3

样例：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<input type="button" value="test" id="btn">
<script type="text/javascript">
   
    var btn=document.getElementById("btn");
    btn.onclick=function (e) {
        alert(e.eventPhase);
    }
    document.body.addEventListener('click',function (e){
        alert(e.eventPhase);
    },true);
    document.body.onclick=function (e) {
        alert(e.eventPhase);
    }
</script>
</body>
</html>

添加事件

在这里插入图片描述

移除事件

在这里插入图片描述

如果想找a 那就把tag改成a
如果想找div 那就把tag改成div

在这里插入图片描述
小案例：

在这里插入图片描述

DOM修改

在这里插入图片描述

DOM 添加

在这里插入图片描述

要设置多个样式的时候，可以用 .cssText

div.appendChild(txt) 将txt放在div里
document.body.appendChild(div)把div放在body里
在这里插入图片描述

添加元素的第二种方法：
在这里插入图片描述

但这样添加是存在问题的
在这里插入图片描述

在这里插入图片描述

BOM

在这里插入图片描述

Shelysure

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
6.16 js学习笔记补充

eventeventPhase如果事件处理处于捕获阶段调用 eventPhase=1如果事件处理程序处于目标对象上，eventPhase=2如果处于事件冒泡阶段调用事件处理程序，eventPhase=3样例：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head>&
复制链接

扫一扫