JS事件监听部分总结以及用法

简介: JS事件监听部分总结以及用法

一,事件监听常用的用法

我一开始还是不怎么使用时间监听的,也是前段时间制作一个功能时就突然觉得事件监听原来这么好用,被时间监听种草以后,现在大多处都在使用时间监听,蛮方便好用的,还好理解,今天给大家讲讲时间监听的用法和我所常用到的一些基础的监听事件

首先肯定是很常见的点击事件啦:

命名.addEventListener('click', () => {  })
命名.addEventListener('click', function()= {  })

两种方法相同,毕竟里面是个匿名函数,所以写成箭头函数也没关系,分析一下就是“让谁,满足什么事件来执行什么函数”


当然,其他办法也是同理,只需要把上面的点击事件(click)进行替换即可,当然,这个函数中也就直接当一个正常的函数来使用就好


总而言之说白了事件监听就是你安排程序来无时无刻的监听观看着你所命的名,只要这个命名满足了你给的条件,就会执行里面这段函数

二,事件监听常见的事件

 常见的页面事件监听:

事件名 事件描述
onload 当页面或图像被完成加载
onunload 当用户退出页面

常见的鼠标事件监听

事件名    事件描述
onclick     当鼠标单击某个元素
ondblclick  当鼠标双击某个元素
onmousedown 当鼠标按键在某个元素上按下
onmouseup 当鼠标按键在某个元素上松开

onmousemove 当鼠标按键在某个元素上移动
onmouseenter 当鼠标移动到某个元素上
onmouseleave  当鼠标离开某个元素

还有很多事件这里我就不细说了,等我什么时候用到了再进行更新添加,如果有什么好的事件也可以告诉我QAQ

相关文章
|
2月前
|
数据采集 Web App开发 JavaScript
Puppeteer的高级用法:如何在Node.js中实现复杂的Web Scraping
随着互联网的发展,网页数据抓取已成为数据分析和市场调研的关键手段。Puppeteer是一款由Google开发的无头浏览器工具,可在Node.js环境中模拟用户行为,高效抓取网页数据。本文将介绍如何利用Puppeteer的高级功能,通过设置代理IP、User-Agent和Cookies等技术,实现复杂的Web Scraping任务,并提供示例代码,展示如何使用亿牛云的爬虫代理来提高爬虫的成功率。通过合理配置这些参数,开发者可以有效规避目标网站的反爬机制,提升数据抓取效率。
181 4
Puppeteer的高级用法:如何在Node.js中实现复杂的Web Scraping
|
28天前
|
JavaScript 前端开发
JS try catch用法:异常处理
【10月更文挑战第12天】try/catch` 是 JavaScript 中非常重要的一个特性,它可以帮助我们更好地处理程序中的异常情况,提高程序的可靠性和稳定性。
14 1
|
1月前
|
JavaScript 前端开发
js的math.max的用法
js的math.max的用法
24 6
|
1月前
|
JavaScript
JS中的splice的三种用法(删除,替换,插入)
JS中的splice的三种用法(删除,替换,插入)
160 4
|
2月前
|
数据采集 存储 JavaScript
Puppeteer的高级用法:如何在Node.js中实现复杂的Web Scraping
在现代Web开发中,数据采集尤为重要,尤其在财经领域。本文以“东财股吧”为例,介绍如何使用Puppeteer结合代理IP技术进行高效的数据抓取。Puppeteer是一个强大的Node.js库,支持无头浏览器操作,适用于复杂的数据采集任务。通过设置代理IP、User-Agent及Cookies,可显著提升抓取成功率与效率,并以示例代码展示具体实现过程,为数据分析提供有力支持。
Puppeteer的高级用法:如何在Node.js中实现复杂的Web Scraping
|
2月前
|
JavaScript 前端开发
JavaScript用法
JavaScript用法
|
1月前
|
前端开发 JavaScript 开发者
深入理解JavaScript中的Promise:用法与最佳实践
【10月更文挑战第8天】深入理解JavaScript中的Promise:用法与最佳实践
55 0
|
2月前
|
JavaScript 前端开发 索引
JavaScript 数组中splice()的用法
本文介绍了JavaScript数组方法splice()的三种用法:删除元素、插入元素和替换元素,通过具体代码示例展示了如何使用splice()方法进行数组的修改操作。
|
3月前
|
缓存 JavaScript 前端开发
react.js高级用法
【8月更文挑战第27天】react.js高级用法
38 2
|
3月前
|
JavaScript
js中toggleClass用法
js中toggleClass用法
38 1