- 2024-06-21Chrome扩展开发使 Service Worker 保持活跃状态
ServiceWorker设计为独立于单个页面的后台线程，它通常在没有控制任何页面（clients）时会被浏览器停止或处于等待状态。但是，如果你希望即使在插件页面关闭后，ServiceWorker仍然保持活跃，可以尝试以下方法：使用多个页面：保持至少一个页面（如后台管理页面）打开，该页面由ServiceWorker控
- 2024-06-05js的 addEventListener如果添加的是相同名称的事件，会被覆盖吗
在JavaScript中，使用addEventListener方法向元素添加事件监听器时，如果有多个相同的事件名称（比如多次调用addEventListener("click",function))，这些监听器不会互相覆盖，而是会累加。这意味着所有为同一事件类型注册的监听器都会按照添加的顺序依次触发，而不是只有最后一个生效。这
- 2024-05-25JavaScript事件监听
在JavaScript中，事件监听是一种重要的机制，用于在特定事件发生时执行特定的代码。这些事件可以是用户的交互行为（如点击、鼠标移动等），也可以是浏览器的一些特定行为（如页面加载完成、窗口大小改变等）。事件监听通常使用addEventListener方法实现。以下是一个基本的示例：javascript//
- 2024-05-20vue3+ts 指令拖拽div案例
<template><divclass="box"v-move><divclass="header"></div><div>内容</div></div></template><scriptsetuplang="ts">import{ref,Directive,DirectiveBinding}
- 2024-05-11关于事件对象中的stopImmediatePropagation
关于e.stopPropagation()，大家应该知道这个方法是用来阻止事件冒泡的。那么e.stopImmediatePropagation()可能比较少见。stopImmediatePropagation用来阻止在同一DOM对象上同一事件类型的其它事件函数的执行并且与事件先后注册的顺序有关document.addEventListener("click",e=
- 2024-04-30Popover API
PopoverAPI:内置的弹框能力popover具有auto状态的弹窗可以通过在弹窗之外的区域进行选择，以达到“轻触关闭”的目的，并且通常一次仅允许屏幕上显示一个弹窗manual弹窗必须始终明确隐藏，但可以用于菜单中嵌套弹窗等使用情况。<buttontype="button"popovertarget="popov
- 2024-04-28Screen Lock
防止设备因为闲置而自动调低亮度或锁定屏幕，确保屏幕始终保持开启状态<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"/><metaname="viewport"content="width=device-width,user-scalable=no,initial-scal
- 2024-04-28js 接收form表单响应
可直接运行的示例：<%@pagecontentType="text/html;charset=UTF-8"pageEncoding="UTF-8"%><!DOCTYPEhtml><html><head><title>test</title></head><formid="myForm"><labelfor=&quo
- 2024-04-25Web Component addEventListener .bind(this)的函数带参数引起的报错
一开始这样写: this.shadowRoot.querySelector('.prev').addEventListener('click',this.moveSlide(1).bind(this));报错:UncaughtTypeError:Cannotreadpropertiesofundefined(reading'bind') 以为是前面的DOM获取不对,但是怎么改都不对,网上查询后
- 2024-04-14Web APIs
0x01概述API是一些预先定义的函数，提供应用程序与开发人员基于某软件或硬件访问一组例程的能力WebAPIs是W3C组织的标准，是JS独有的部分WebAPI是浏览器提供的一套操作浏览器功能和页面元素的API，即DOM与BOM0x02DOM（1）简介文档对象模型（DocumentObjectModel）是
- 2024-04-09html 元素的 onEvent 与 addEventListener
对于html元素的onEvent，我们想要给其添加functionhandler(){}，有时候会弄不清楚到底是添加<divonEvent="handler">还是添加<divonEvent="handler()">下面两段等价的代码说明了问题<inputtype="file"onchange="showFile(this)"><script>
- 2024-04-05addEventListener() 和 onclick 的区别
前言：我们经常会看到有关addEventListener()和onclick的区别的标题，其实跟addEventListener()同级对比的应该是on+事件名称，不过在addEventListener()第一个参数为click的时候，addEventListener和onclick则值得作比较，下面就从三个角度来说说它们的区别。1.用法1.1addEven
- 2024-03-29一个vue3指令，兼容pc与移动端的拖动tab切换，鼠标拖动与触摸拖动触控监听
<Viewclass="app-tabs-container":class="{appear:state.showTabsTrans}"v-tabs-pointer-event:[state.hasMove]="handleProductChange"><router-viewv-slot="{Component}"><KeepAlive>
- 2024-03-26JS之windows常见事件onload
//window.onload=function(){//varbtn=document.querySelector('button');//btn.addEventListener('click',function(){//alert('点击我');//})//}//window.
- 2024-03-11前端拖拽
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title>Document</title><sty
- 2024-02-28点击页面按钮退出企业微信应用
closeWindow(){if(document.addEventListener){document.addEventListener('WeixinJSBridgeReady',function(){WeixinJSBridge.call('closeWindow');parent.WeixinJSBridge.call(
- 2024-02-23Javascript/DOM：如何删除 DOM 对象的所有事件侦听器
Javascript/DOM：如何删除DOM对象的所有事件侦听器一、重写重写EventTarget添加监听事件方法addEventListenerif(EventTarget.prototype.original_addEventListener==null){EventTarget.prototype.original_addEventListener=EventTarget.prototype.addEventList
- 2024-02-20刮刮乐
href="javascript:void(0)//避免超链接导致的随意链接onClick="window.location.reload()"//页面的重新加载如何禁用页面的一些效果?//获取页面中的样式varbodyStyle=document.body.style;//设置不同浏览器中的鼠标选中拖动事件bodyStyle.mozUserSelect='none';bo
- 2024-02-20iframe 使用 postMessage 传递信息，addEventListener监听返回信息，并使用removeEventListener取消监听事件
BUTTON发送消息selectButton.addEventListener('click',()=>{ iframe.contentWindow.postMessage({ event_id:"select_media", return_type:'media' },'*');
- 2024-02-19完美禁止微信网页下拉显示网页由某某提供
简单理解就是：判断手指触摸移动走向-如果到顶之后-还在继续下拉，就阻止默认的touchmove事件【有用、无用请留言，谢谢】建议写在html页面中，第一时间生效。<script> //禁用微信下拉 letlastTouchY=0; wind
- 2024-02-18为什么在js中需要添加addEventListener（）？
为什么在js中需要添加addEventListener（）？1.What?addEventListener(监听器)---EventTarget.addEventListener()方法将指定的监听器注册到EventTarget上，当该对象触发指定的事件时，指定的回调函数就会被执行。事件目标可以是一个文档上的元素Element、Document和Window，也可以是
- 2024-02-17HTML DOM addEventListener() 方法
jsaddeventlistenerJavaScript是一种广泛应用于网页开发的脚本语言，具有灵活的语法和强大的功能。在网页中，我们经常需要处理用户的交互操作，例如点击按钮、输入文本等，而addEventListener方法就是用来处理这些事件的。1.jsaddEventListener方法的基本语法addEventListener是DOM
- 2024-02-05瑞数6后缀 快速解决方案
声明本文章中所有内容仅供学习交流，抓包内容、敏感网址、数据接口均已做脱敏处理，严禁用于商业用途和非法用途，否则由此产生的一切后果均与作者无关，若有侵权，请联系我立即删除！此外出于某种原因。本章大部分调试会省略，仅简单说个大概。前言有不了解瑞数的可以去看我的上一篇文章补
- 2024-01-25js事件处理
事件监听letdid=document.getElementById("div-id");监听函数Dom0方式did.onclick=function(e){};Dom2方式did.addEventListener("click",(e)=>{});元素.addEventListener("事件类型",处理函数,处理阶段bool);//处理函数可传入一个唯一的参数事件对象//处理阶段,
- 2024-01-18Javascript中addEventListener的3个参数
//例document.addEventListener('click',()=>{//dosomething...},false) 1.addEventListener，接收3个参数第一个参数event：监听的事件名称第二个参数是函数：需要执行的事件第三个参数是useCapture（变量）：用来判断是捕获还是冒泡 2.第三个参数为userCapyu