史上最详细的DOM事件之框架事件

骑猪看日落 2023-02-14 01:16 3阅读 0赞

## 史上最详细的DOM事件之框架事件 ##

上篇博客讲了DOM的拖动事件，这篇博客我们来讲一讲DOM的媒体事件。

**HTML代码：**

<img src="../../CSS/0421/car.gif" alt="">

**JS代码：**

var oImg=document.getElementsByTagName("img")[0];
        
        // 属性 描述 DOM
        // onload 一张页面或一幅图像完成加载。
        // window.onloda=function(){ 
    
        // }
        oImg.onload=function(ev){ 
            console.log("图片加载完成");
            console.log(ev)
        }
        // onabort 图像的加载被中断。 ( <object>) 
        // onbeforeunload 该事件在即将离开页面（刷新或关闭）时触发 
        // onerror 在加载文档或图像时发生错误。 ( <object>, <body>和 <frameset>) 
        // onhashchange 该事件在当前 URL 的锚部分发生修改时触发。 
        // onpageshow 该事件在用户访问页面时触发 
        // onpagehide 该事件在用户离开当前网页跳转到另外一个页面时触发 
        // onresize 窗口或框架被重新调整大小。 
        window.onresize=function(ev){ 
            console.log(innerWidth,innerHeight);
            console.log(ev);
        }
        // onscroll 当文档被滚动时发生的事件。 
        window.onscroll=function(ev){ 
            console.log(scrollY);
            console.log(ev);
        }
        // onunload 用户退出页面。 ( <body> 和 <frameset>)

**视频讲解链接：  
https://www.bilibili.com/video/BV1yi4y147gD/**

发表评论取消回复

表情：

评论列表（有 0 条评论，3人围观）

还没有评论，来说两句吧...

相关阅读

相关 SSM框架讲解（史上最详细的文章）

SSM框架（白痴都看完都会）文章目录 SSM框架（白痴都看完都会）介绍SSM框架<原理> 一、什么是SSM框架？ 1.Spring

矫情吗；*/ 2023年10月02日 17:08/ 0 赞/ 59 阅读

相关 DOM事件（上）

●是指用户在某事务上由于某种行为所执行的操作; （对页面元素的某种操作） ●一个事件由哪几部分组成 ○触发谁的事件：事件源 ○触发什么事件：事件类型 ○触发以后

超、凢脫俗/ 2023年09月27日 19:46/ 0 赞/ 32 阅读

相关详细解析DOM事件的event事件对象（一）

详细解析DOM事件的event事件对象（一）近期我们一直在学习DOM，马上到了尾期了，今天来说一下DOM事件的event事件对象。这里我们先解析一下键盘和鼠标事件的ev

迷南。/ 2023年02月14日 13:13/ 0 赞/ 45 阅读

相关史上最详细的DOM事件之框架事件

史上最详细的DOM事件之框架事件上篇博客讲了DOM的拖动事件，这篇博客我们来讲一讲DOM的媒体事件。 HTML代码： <img src="../../CSS

骑猪看日落/ 2023年02月14日 01:16/ 0 赞/ 4 阅读

相关史上最详细的DOM事件之键盘事件

史上最详细的DOM事件之键盘事件上篇博客讲了DOM的鼠标事件，这篇博客我们来讲一讲DOM的键盘事件。 HTML代码： <input type="text"

缺乏、安全感/ 2023年02月14日 01:16/ 0 赞/ 37 阅读

相关 DOM事件流之事件冒泡&事件捕获

今天因为要用原生js实现轮播效果，所以温故了下DOM事件，说句实话，现在无论什么框架，都离不开DOM操作，毕竟这是我们展示的最基本元素，就像人的细胞。源自曾经对于DOM事件

喜欢ヅ旅行/ 2022年09月27日 00:28/ 0 赞/ 316 阅读

相关 Dom事件

1.onclick：点击事件 2.ondbclick：双击事件 3.onmousedown：鼠标按下事件 4.onmouseup：鼠标松开事件 5.onmouseent

布满荆棘的人生/ 2022年09月15日 13:57/ 0 赞/ 225 阅读

相关史上最详细的iOS之事件的传递和响应机制

前言：按照时间顺序，事件的生命周期是这样的：　　事件的产生和传递（事件如何从父控件传递到子控件并寻找到最合适的view、寻找最合适的view的底层实现、拦截事件的

分手后的思念是犯贱/ 2022年07月14日 11:39/ 0 赞/ 217 阅读

相关史上最详细的iOS之事件的传递和响应机制-原理篇

前言：按照时间顺序，事件的生命周期是这样的：事件的产生和传递（事件如何从父控件传递到子控件并寻找到最合适的view、寻找最合适的view的底层实现、拦截事件的处理

╰+攻爆jí腚メ/ 2022年06月16日 13:25/ 0 赞/ 350 阅读

相关 C# 委托和事件（史上最简单的委托和事件的教程）

委托说白了就像是C语言中的函数指针一个很简单的例子按钮触发单击事件消息自动显示源码如下： using System; using System.Co

╰半橙微兮°/ 2022年04月25日 02:22/ 0 赞/ 272 阅读