JS DOM事件

最新推荐文章于 2022-11-25 11:50:10 发布
最新推荐文章于 2022-11-25 11:50:10 发布
阅读量5.8k 收藏
点赞数 1
分类专栏： 前端 文章标签： js html javascript css html5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43133192/article/details/105027239
版权

JS DOM事件

为页面中的元素绑定键盘或鼠标事件，从而可以触发和实现我们想要的交互效果

学习目标

  1. 掌握什么是事件
  2. 掌握HTML事件
  3. 掌握DOM0级事件
  4. 掌握常用的鼠标与键盘事件
  5. 掌握this的指向

什么是事件

事件就是文档或浏览器窗口中发生的一些特定的交互瞬间

「已注销」
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
深入理解JS DOM事件机制
11-27
DOM事件流 “DOM2级事件流”规定的事件流包括三个阶段：事件捕获阶段、处于目标阶段和冒泡阶段。首先发生的是事件捕获，为截获事件提供了机会。然后是实际的目标接收到事件。最后一个阶段是冒泡阶段，可以在这个阶段...
js之DOM事件
m0_61547956的博客
04-22 3290
元素创建事件的两种方式 传统方式 on开头的事件，事件的唯一性，同一个元素同一个事件只能设置一个处理函数，后面的覆盖前面的，下列代码只弹出2。 var btns = document.querySelectorAll('button'); btns[0].onclick = function() { alert(1); } btns[0].onclick = function() { alert
JavaScript——DOM事件流
shhghvvh的博客
11-25 1024
事件流描述的是从页面中接收事件的顺序。事件发生时会在元素节点之间按照特定的顺序传播，这个传播过程即DOM事件流。DOM事件流中有三个阶段：捕获阶段，当前目标阶段，冒泡阶段。
JavaScript DOM 事件
凝弧
03-21 539
1. 事件流 - 从页面中接受事件的顺序 2. DOM事件处理 - HTML事件处理 - DOM0级事件处理 - DOM2级事件处理 3. DOM中的事件对象（event） - 获取事件类型 .type - 获取事件目标 .target - 阻止事件冒泡 stopPropagation() - 阻止默认行为 preventDefault() - 事件属性兼容 4. 定时器(...
DOM事件
无糖加冰
12-21 429
执行事件的步骤 获取事件源 绑定事件 添加事件的处理程序 运行并触发事件
js DOM 事件 事件监听
海胆的博客
06-11 749
事件 属性 此事件发生在何时… onchange 域的内容被改变 onresize 窗口或框架被重新调整大小 属性 此事件发生在何时… onfocus 元素获得焦点 onblur 元素失去焦点 onselect 文本被选中 属性 此事件发生在何时… onkeydown 某个键盘按键被按下 onkeypress 某个键盘按键被按下并松开 onkeyup 某个键盘按键被松开 onmousedown 鼠标按钮被按下 onmouse
JavaScript之DOM事件类型
weixin_44827643的博客
06-25 329
本文主要通过实际案例来介绍JS中DOM绑定事件的类型。1.onmouseover和onmouseout:鼠标移入和移出事件，效果同CSS提供的hover类似。案例：下拉菜单的制作。
JS DOM事件机制详解
自由的code
11-27 1878
1、事件流 html 元素触发事件的顺序。 2、事件冒泡 IE的事件流叫做事件冒泡(event bubbling)，即事件开始时由最具体的元素（文档中嵌套层次最深的那个节点）接收，然后逐级向上传播到较为不具体的节点（文档）。 3、事件捕获 事件捕获的思想是不太具体的节点应该更早的接收到事件，而最具体的节点应该在最后接收到节点。事件捕获的用意在于事件到达预定目标之前捕获它。 DOM事
JavaScript DOM事件的简单绑定onclick
七七的博客
04-17 2357
DOM： 功能: 控制html文档的内容 获取页面标签(元素)对象: Element document.getElementById(" id值") :通过元素的id获取元素对象 操作Element对象: 修改属性值: 首先明确获取的对象是哪一个? 查看API文档，找其中有哪些属性可以设置 <body> <img id="imggg" src="../...
JS的DOM操作——事件类型
m0_59345890的博客
07-18 956
2、ondblclick鼠标双击事件触发条件鼠标第一次按下和第二次松开时鼠标指针在被选元素区域内部并且时间间隔不能太长。10、onwheel鼠标滚轴滚动事件触发条件鼠标滚轴滚动时鼠标指针在被选元素内部。1、onclick鼠标点击事件触发条件鼠标按下和松开时，鼠标指针在被选元素区域内部。3、onmousedown鼠标按下事件触发条件鼠标在被选元素内按下。4、onmouseup鼠标松开事件触发条件鼠标在被选元素内松开。...
JavaScript--DOM事件流
weixin_52462962的博客
02-04 677
DOM事件流的概念 当某个事件发生时，事件会在元素节点之间按照特定的顺序传播，这个传播过程称为DOM事件流。 DOM事件流分为两个阶段--捕获阶段、冒泡阶段。捕获阶段简单来说就是从整个页面（即document）开始到html--body--div--ul--li...。即根据元素的嵌套顺序依次传递事件，直到找到触发该事件的元素为止。而冒泡阶段则为捕获阶段的逆过程，即从触发事件的元素开始根据元素的嵌套顺序找到document为止。即除触发事件的元素外，其余每个节点都被访问两次，从而会出现事...
js DOM的事件常见操作实例详解
10-15
主要介绍了js DOM的事件常见操作,结合实例形式详细分析了JavaScript DOM事件概念、原理及DOM操作常见实现技巧与使用注意事项,需要的朋友可以参考下
JavaScript DOM事件(笔记)
10-24
主要介绍了JavaScript DOM事件(笔记) ,需要的朋友可以参考下
谈谈我对JavaScript DOM事件的理解
10-23
DOM与事件是JavaScript最核心的组成部分之一，他们赋予了页面无限的想象空间，你根本无法离开他们，否则js将...本文给大家分享我对javascript dom事件的了解，对javascript dom事件相关知识感兴趣的朋友一起学习吧
window对象方法（open和close）
张恒华的博客
03-24 8807
window对象 语法： window.open(pageURL,name,parameters) 功能： 打开一个新的浏览器窗口或查找一个已命名的窗口 参数说明： pageURL：子窗口路径 name：子窗口句柄（name声明了新窗口的名称，方便后期通过name对子窗口进行引用） parameters：窗口参数（各参数用逗号隔开）   &nbs...
window对象方法（alert-confirm-prompt）
张恒华的博客
03-24 8694
window对象的方法 语法： window.alert("content") 功能： 显示带有一段消息和一个确认按钮的对话框 语法： window.confirm("message") 功能： 显示一个带有指定消息和OK及取消按钮的对话框 返回值： 如果用户点击确认按钮，则confirm()返回true 如果用户点击取消按钮，则confirm()返回false...
JavaScript对象之数组（一）
张恒华的博客
03-19 8052
Array数组（1） 如何创建数组 创建数组的基本方式有两种： 1、使用Array构造函数         语法：new Array()         小括号()说明:      &nb...
window对象（全局对象）
张恒华的博客
03-24 7208
window window是浏览器的一个实例，在浏览器中，window对象又双重角色，它既是通过JavaScript访问浏览器窗口的一个接口，又是ECMAScript规定的Global对象1 选择练习 1 关于BOM下列说法正确的是？（选择两项） A BOM是Browser Object Model的缩写，是浏览器对象模型 B BOM是Browser Object Model的缩写，是文档对象...
JS函数（二）
张恒华的博客
03-19 6621
函数的返回值 任何函数通过return语句，后面跟着返回的值来实现返回值 说明: 函数会在执行完return语句之后停止并立即退出 return语句也可以不带有任何返回值，用于提前停止函数执行又不需要返回值的情况 选择练习1 关于return下列说法错误的是？ （选择一项） A return后面必须跟返回值 B return后面如果没有返回值，那么函数会在执行完return语句后停止并立即...
什么是JS的DOM事件流
最新发布
04-17
JS的DOM事件流是指当页面中发生特定事件时，事件的处理顺序和流向。事件流分为三个阶段：捕获阶段、目标阶段和冒泡阶段。在捕获阶段中，事件从根节点向下传递至目标元素；在目标阶段中，事件在目标元素上被处理；在冒泡阶段中，事件从目标元素向上冒泡到根节点。事件流的具体顺序和流向可以通过使用addEventListener()方法来设置。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值