开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

如何仅对正文执行addEventListener？

要仅对正文执行addEventListener，可以使用以下步骤：

首先，需要获取正文的DOM元素。可以使用document.body来获取整个正文的<body>元素。
接下来，使用addEventListener方法来为获取到的DOM元素添加事件监听器。该方法接受两个参数：事件类型和事件处理函数。在这种情况下，我们需要监听的事件类型是"DOMContentLoaded"，表示当整个文档的内容已经加载完成时触发。
在事件处理函数中，可以编写需要执行的代码。这些代码将仅在正文加载完成后执行。

下面是一个示例代码：

document.body.addEventListener("DOMContentLoaded", function() {
  // 在这里编写需要执行的代码
  console.log("正文加载完成！");
});

这段代码将在正文加载完成后输出"正文加载完成！"到浏览器的控制台。

对于腾讯云相关产品和产品介绍链接地址，由于要求不能提及具体的云计算品牌商，无法给出具体的推荐链接。但是，腾讯云提供了丰富的云计算服务，包括云服务器、云数据库、云存储等，可以根据具体需求选择适合的产品。可以访问腾讯云官方网站（https://cloud.tencent.com/）了解更多信息。

相关搜索:仅对OR和and执行XOR运算无法对'EventTarget‘执行'addEventListener’如何防止addEventListener中函数的重复执行？指向正文的addEventListener以切换回导航栏仅对新代码执行编码标准启用addEventListener回调来执行put addEventListener在被单击前执行如何仅对已修改的文件执行ANT任务 addEventListener -函数在被调用之前执行如何仅对css而不是隐藏元素执行点击跟踪 socket.on正文多次执行按位置dplyr仅对特定行执行RowSums 如何使用addeventlistener追加如何暂停addEventListener半秒？如何使addEventListener同步仅对受影响的行执行更新后触发如何仅对具有diff的文件执行p4提交操作？如何仅对Gitlab CI中已更改的文件执行helm推送？执行PostMultipartAsync时POST正文为空如何使用removeEventListener禁用addEventListener？

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

注意，这个 JavaScript 事件即将弃用！

通常情况，在 HTML 文档即将被卸载时，unload 事件将会调用。理论上，它可用来在用户离开页面时运行一些代码，或者作为会话回调结束时运行代码。

02

你根本不懂Javascript（EP5 HTML事件捕获与冒泡）

https://javascript.info/bubbling-and-capturing

04

再有人问你JavaScript中的严格模式是什么？把这篇文章丢给他

在ECMAScript5标准中，JavaScript提出了严格模式的概念（Strict Mode）：

00

Python爬虫进阶必备 | XX文学加密分析实例

aHR0cHM6Ly93d3cuYWxpd3guY29tLmNuL3JlYWRlcj9iaWQ9NjgxMzkyMyZjaWQ9Njc0MTc0

01

深入理解JavaScript中的事件传播机制：事件冒泡和事件捕获

在JavaScript中，事件冒泡和事件捕获是两种不同的事件传播方式。当一个事件被触发时，它会从最内层的元素开始，然后逐级向外传播，直到最外层的元素。在这个过程中，事件会经过每一个元素，直到它到达最外层的元素。这个过程就是事件冒泡。相反，事件捕获是从最外层的元素开始，然后逐级向内传播，直到最内层的元素。在这个过程中，事件会经过每一个元素，直到它到达最内层的元素。

02

你知道 Chrome 专门为调试提供的这些函数吗？

在 Chrome 的 DevTools 中的控制台提供了一些 Debug 专用的函数，每一个都身怀绝技。

01

文本框的属性监测

之前很简单的认为对input的value监测就用2个事件可以搞定兼容性，知道我看了司徒正美的这篇博客，还是感慨自己不够深入，接触的太少。　　对于IE全系列，可以采用onpropertychange属性监测　　对于 gte IE9 和W3c浏览器，则通过input事件进行监测。　　但是IE9的兼容性可能会出现问题。　　oninput 事件在用户输入、退格（backspace）、删除（delete）、剪切（ctrl + x）、粘贴（ctrl + v）及鼠标剪切与粘贴时触发（在 IE9 中只在输入、粘贴、

06

JavaScript事件详解

想必大家对JavaScript的事件都不陌生吧，大多数在网站开发的时候都会用到，这也是JavaScript的基本功之一，本文就为各位梳理一下相关知识。

01

网站优化思路在不到一秒的时间内加载网页

如何毫不费力地提高网站加载时间？哪些优化和改进可以帮助加快页面加载速度？以网页为例，证明可以在不到一秒的时间内下载。

01

自动将文章中的链接转为超链接

这里用到的样式是“article-content”所以我直接在JS中对这个元素进行处理即可：

02

DrawText

DrawText　　函数功能：该函数在指定的矩形里写入格式化文本，根据指定的方法对文本格式化（扩展的制表符，字符对齐、折行等）。　　函数原型：int DrawText(HDC hdc, LPCTSTR lpString, int nCount, LPRECT lpRect, UINT uFormat)；　　参数：　　hdc：设备环境句柄。　　lpString：指向将被写入的字符串的指针，如果参数nCount是-1，则字符串必须是以\0结束的。　　如果uFormat包含DT_MODIFYSTRING，则函数可为此字符串增加4个字符，存放字符串的缓冲区必须足够大，能容纳附加的字符。　　nCount：指向字符串中的字符数。如果nCount为-1，则lpString指向的字符串被认为是以\0结束的，DrawText会自动计算字符数。　　lpRect：指向结构RECT的指针，其中包含正文将被置于其中的矩形的信息（按逻辑坐标）。　　uFormat：指定格式化正文的方法。它可以下列值的任意组合，各值描述如下：　　DT_BOTTOM：将正文调整到矩形底部。此值必须和DT_SINGLELINE组合。　　DT_CALCRECT：决定矩形的宽和高。如果正文有多行，DrawText使用lpRect定义的矩形的宽度，并扩展矩形的底训以容纳正文的最后一行，如果正文只有一行，则DrawText改变矩形的右边界，以容纳下正文行的最后一个字符，上述任何一种情况，DrawText返回格式化正文的高度而不是写正文。　　DT_CENTER：使正文在矩形中水平居中。　　DT_VCENTER：使正文在矩形中垂直居中。　　DT_EDITCONTROL：复制多行编辑控制的正文显示特性，特殊地，为编辑控制的平均字符宽度是以同样的方法计算的，此函数不显示只是部分可见的最后一行。　　DT_END_ELLIPSIS或DT_PATH_ELLIPSIS：可以指定DT_END_ELLIPSIS来替换在字符串末尾的字符，或指定DT_PATH_ELLIPSIS来替换字符串中间的字符。如果字符串里含有反斜扛，DT _PATH_ELLIPSIS尽可能地保留最后一个反斜杠之后的正文。　　DT_EXPANDTABS：扩展制表符，每个制表符的缺省字符数是8。　　DT_EXTERNALLEADING：在行的高度里包含字体的外部标头，通常，外部标头不被包含在正文行的高度里。　　DT_INTERNAL：用系统字体来计算正文度量。　　DT_LEFT：正文左对齐。　　DT_MODIFYSTRING：修改给定的字符串来匹配显示的正文，此标志必须和DT_END_ELLIPS IS或DT_PATH_ELLIPSIS同时使用。　　DT_NOCLIP：无裁剪绘制当DT_NOCLIP使用时DrawText的使用会有所加快。　　DT_NOPREFIX：关闭前缀字符的处理，通常DrawText解释助记前缀字符，&为给其后的字符加下划线，解释&&为显示单个&。指定DT_NOPREFIX，这种处理被关闭。　　DT_RIGHT：正文右对齐。　　DT_RTLREADING：当选择进设备环境的字体是Hebrew或Arabicf时，为双向正文安排从右到左的阅读顺序都是从左到右的。　　DT_SINGLELINE：显示正文的同一行，回车和换行符都不能折行。　　DT_TABSTOP：设置制表，参数uFormat的15″C8位（低位字中的高位字节）指定每个制表符的字符数，每个制表符的缺省字符数是8。　　DT_TOP：正文顶端对齐（仅对单行）。DT_VCENTER：正文水平居中（仅对单行）。　　DT_WORDBREAK：断开字。当一行中的字符将会延伸到由lpRect指定的矩形的边框时，此行自动地在字之间断开。一个回车一换行也能使行折断。　　DT_WORD_ELLIPSIS：截短不符合矩形的正文，并增加椭圆。　　注意：DT_CALCRECT, DT_EXTERNALLEADING, DT_INTERNAL, DT_NOCLIP, DT_NOPREFIX值不能和DT_TABSTOP值一起使用。　　返回值：如果函数调用成功，返回值是正文的高度；如果函数调用失败，返回值是0。　　Windows NT：若想获得更多错误信息，请调用GetLastError函数。　　备注：函数DrawText用设备环境中的字体选择、正文颜色和背景颜色来写正文，除非DT_NOCLIP被使用， DrawText裁剪正文，所以它不会出现在指定矩形的外面，除DT_SINGLELINE 格式化，其余的格式都认为正文有多行。　　如果选择的字体对指定的矩形而言太大，DrawText不会试图去换成一种小字体。　　 Windows CE：如果为参数uFormat

02

浏览器 DOM 元素的事件代理指的是什么

在网页中，如果想与使用者进行“互动”，必须要通过某种方法知道他都做了什么。当然，浏览器开发者们早已根据 W3C 事件规范[1]实现好了底层的逻辑，我们只需要通过 Web API 中的 DOM Event[2]，通过注册想监听的 DOM 元素和事件的事件监听器（Event Listener）就可以轻松掌握使用者在网页上的一举一动。

03

Excel催化剂批量下载邮件信息及正文续篇

在下载正文时，增加了html文本可供选择，下文同样介绍下如何从html文件中提取指定内容。

03

Python 爬虫进阶必备 | 某恩数据网排行加密数据解密逻辑分析

aHR0cHM6Ly93d3cuZW5kYXRhLmNvbS5jbi9Cb3hPZmZpY2UvQk8vWWVhci9pbmRleC5odG1s

04

PWA进阶：离线存储与推送通知的高级技巧

渐进式网页应用（Progressive Web App, PWA）通过离线存储和推送通知等功能，能够提供类似原生应用的体验。

01

攻防|社工钓鱼基本流程

穷则社工钓鱼，达则0day炸场-微步在线，借用微步公众号的一句话，没有后端资源支持的情况下，社工钓鱼必学技能，毕竟正面打不动，代码审不动，0day又没有是日常，下文讲解自己对于社工钓鱼的思路。

06

深入理解浏览器事件模型的概念和原理

大家好，我是腾讯云开发者社区的 Front_Yue，本篇文章将带领大家深入探讨浏览器事件模型的概念和原理

05

一段神奇的监视 DOM 的代码[每日前端夜话0xE4]

通过使用此模块，只需将鼠标悬停在浏览器中，即可快速查看DOM元素的属性。基本上它是一个即时检查器。

01

CornerNet：经典keypoint-based方法，通过定位角点进行目标检测 | ECCV2018

论文: CornerNet: Detecting Objects as Paired Keypoints

02

啥是卷积核？动画演示

在机器学习篇章中，我们简单介绍了卷积核，今天，我们借助知乎的一篇文章，梳理一下对卷积核一些基本情况。

01

关于HTML5的Web Worker你了解多少？

大家都知道，JavaScript是单线程的，也就是说，所有的任务只能在一个线程上完成，一次只能做一件事。前面的任务如果没有完成，后面就只能等着。所以，HTML5就提出了web Worker标准，表示JavaScript允许有多个线程，但是子线程完全受主线程的控制，并且子线程不能操作DOM，只有主线程可以操作DOM。所以 Web Worker 的最佳使用场景是执行一些开销较大的数据处理或计算任务，接下来我们就来具体的了解一下这个东西吧~

03

个人主页信息提取器

从研究人员的主页(HTML)中提取信息，并将信息自动分为三类(您可以添加更多的类)。支持中英文页面。

04

gsap太硬核了，实现复杂的交互动画

通常在C端交互上，产品与UI会在交互上提出一些比较炫酷的效果，面对视觉效果，通常来说，我们会借助第三方优秀的动画库来满足这些需求。通俗来说，就是我们并不是原生从0到1去实现，而是结合现有的库与框架帮我们高效的实现那些看似非常炫酷的效果。

02

如何秒开WebView？Android性能优化全攻略！

在Android应用开发中，WebView是一个常用的组件，用于在应用中展示网页内容。然而，WebView的启动速度和性能可能会影响用户体验，特别是在一些性能较低的设备上。本文将介绍一些优化WebView启动的技巧，以提高应用的响应速度和用户体验。

01

一个日h站的Nday

今天先来无事的我翻起了qq收藏夹。忽然发现了一个去年EDUSRC群里一个老表发的洞。今天就给大家发出来耍耍。抵制黄色网站人人有责，打造绿色上网环境。面对正规网站时候，请不要做非法测试！！！废话就不多说了。

02

设备方向事件与设备运动事件以及简单的摇一摇实现

该文章介绍了如何通过设备方向事件和设备运动事件来简单实现摇一摇功能。首先，介绍了设备方向事件和设备运动事件的定义和区别，然后通过示例代码展示了如何使用这两个事件。最后，总结了如何使用设备运动事件来实现摇一摇功能。

05

linux vi 替换

:n,$s/vivian/sky/ 替换第 n 行开始到最后一行中每一行的第一个 vivian 为 sky

02

【JS】504- HTML5 之跨域通讯（postMessage）

本文来自公众号【前端早读课】，最近工作中用在使用 postMessage ，所以一起分享给大家一下~

01

🔔叮~，你有几个系统级交互的React hooks待查收

最近摸鱼时间自己手动实现了几个系统级交互的hooks，由简单到复杂，依次分享给大家！

03

如何制作自己的原生 JavaScript 路由

当你想到路由时，通常会想到类似 React 之类的库。但实际上，这些库和框架仍然使用 vanilla JavaScript。那么该怎么实现呢？

02

进入编辑模式， vim命令模式， vim实践

所谓编辑模式就是进入可以编辑文件内容的状态，就和进入word文档进入记事本是一样的，最普遍进入编辑模式的方式就是按i，即进入当前光标所在位置的编辑模式。下面介绍几种进入编辑模式的方式：

04

如何取消 JavaScript 中的异步任务

有时候执行异步任务可能是很困难的，尤其是在特定的编程语言不允许取消被错误启动或不再需要的操作时。幸运的是 JavaScript 提供了非常方便的功能来中止异步活动。在本文中，你可以学到如何创建可中止的函数。

01

《JavaScript 模式》读书笔记（4）— 函数4

这篇文章我们主要来学习下即时对象初始化、初始化时分支、函数属性-备忘模式以及配置对象。这篇的内容会有点多。

04

《JavaScript 模式》读书笔记（4）— 函数4

这篇文章我们主要来学习下即时对象初始化、初始化时分支、函数属性-备忘模式以及配置对象。这篇的内容会有点多。

01

JavaScript 编程精解中文第三版十八、HTTP 和表单

我们曾在第 13 章中提到过超文本传输协议（HTTP），万维网中通过该协议进行数据请求和传输。在本章中会对该协议进行详细介绍，并解释浏览器中 JavaScript 访问 HTTP 的方式。

02

React技巧之处理tab页关闭事件

原文链接：https://bobbyhadz.com/blog/react-handle-tab-close-event[1]

03

Ajax笔记

本文主要是我学习ajax的笔记，不涉及到原理，只是记录如何使用。如果有错欢迎各位大佬指出。提前先转一篇写的非常全面的博客你真的会使用XMLHttpRequest吗？

06

处理收到的电子邮件

本节介绍如何处理通过%Net.POP3检索到的电子邮件(%Net.MailMessage)。

01

HTTP中的Accept-Encoding、Content-Encoding、Transfer-Encoding、Content-Type[通俗易懂]

Accept-Encoding和Content-Encoding是HTTP中用来对采用何种压缩格式传输正文进行协定的一对header。工作原理如下：

02

React v17有什么新功能？

自从 React v16 首次发布以来已经过去了大约三年的时间，等待下一个主要版本的发布已经结束了。React 团队承诺 v17 版本的发布对未来非常重要，但也提到没有添加新特性。你可能想知道它为什么会被发布。

03

深入理解JavaScript系列（30）：设计模式之外观模式

外观模式（Facade）为子系统中的一组接口提供了一个一致的界面，此模块定义了一个高层接口，这个接口值得这一子系统更加容易使用。

00

vue 环境下，封装一个滚动模块曝光事件

vue 环境下，封装一个滚动模块曝光事件背景写业务代码的时候，可能经常遇到滚动，然后，具体曝光某个模块的情况下面是封装的函数,还有具体的使用 code import { jsBridge } from 'xxx-xx'; export default { data () { return { viewHeight: null, scrollEventFun: null } }, mounted ()

01

技术流｜五分钟带你鉴别垃圾邮件

1）邮件样本广告邮件，保存为典型的Spam，分为元数据（发信方、书信方、编码格式等）和正文，提炼代表垃圾邮件的关键词

01

浅析 JavaScript 中的事件委托

为了实现这个小功能，你需要选择按钮，然后再用 addEventListener() 方法来附加事件监听器：

03

butterfly文章页面上下篇按钮UI调整

我试图通过将文章底部的按钮改至左右两侧，类似翻页键，同时添加悬停动作，通过css对兄弟相邻元素的hover监测来控制显隐，悬停按钮时在页面正中显示对应文章卡片。

02

对 WordPress 主题进行单元测试（Theme Unit Test）

在制作 WordPress 的过程中，除了对整体的结构等进行排版布局等，还必须要对正文的内容和其他地方进行修饰和排版，例如正文中可能出现的标题（h2、h3）、列表（ul、ol）、表格（table）以及不同的文章类型效果等等。这就是 WordPress 主题的单元测试（Theme Unit Test）。

01

聊聊HTML5中的Web Notification桌面通知

这种桌面提示是HTML5新增的 Web Push Notifications 技术。

03

前端错误捕获方案总结

本文主要摘抄自：https://juejin.cn/post/7172072612430872584#heading-10，主要用来记录和学习，也推荐大家看看原博主的文章。

03

个人永久性免费-Excel催化剂功能第85波-灵活便捷的批量发送短信功能（使用腾讯云接口）

此篇仅对众多短信接口中的腾讯云短信功能给予支持，其他接口没有开发，原理也相似，实在有其他接口需求时，可给予赞助下，Excel催化剂将其实现出来。

01

JavaScript第十一弹——事件流！事件代理！我懂了！

Hello小伙伴们，好久不见，最近实在太忙了，所以没有更！今天回来更文突然发现了一件尴尬的事情，两个第九弹哇，好像也改不了题目呀，那我们今天只能直接第十一弹了

02

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭