首页 > 其他分享 >js自定义事件

js自定义事件

时间:2023-03-03 14:14:25浏览次数:44  
标签:自定义 dom preventDefault js eventName 事件 canBubble

触发自定义事件 (只有这一种)

dom.dispatchEvent(eventObject)

创建自定义事件方法

方法一(已被W3C标准弃用,浏览还支持)

dom.createEvent()

dom.initEvent(eventName, canBubble, preventDefault)

dom.initMouseEvent(eventName, canBubble, preventDefault,view,detail, screenX, screenY, clientX, clientY, ctrlKey, altKey, shiftKey, metaKey,button, relatedTarget)

dom.initUIEvents(eventName, canBubble, preventDefault,view, detail)

方法二

Event(eventName,eventInit)

方法三

CustomEvent(eventName,eventInit)

 


出处: js原生3种自定义事件方法(createEvent、init\initMouse\UIEvent和Event和CustomEvent)与触发自定义事件(dispatchEvent)

标签:自定义,dom,preventDefault,js,eventName,事件,canBubble
From: https://www.cnblogs.com/mengff/p/17175423.html

相关文章

  • powershell脚本将json文件至SQL Server
    一、问题引入之前写过一篇博客关于T-SQL脚本将json文件至SQLServer,但T-SQL脚本只能在SSMS软件下运行。现在迫切需要一种能在操作系统shell中运行的脚本,在StackOverflow......
  • NestJS学习笔记
    起步要想使用nest需要先安装依赖#全局安装npmi-g@nestjs/cli#局部安装npmi-g@nestjs/cli创建需要使用以下命令(如果使用局部安装,每次使用nest命令都需要......
  • JavaScript模块化理解-CommonJS、AMD、CMD、UMD、ES6
    参考:JavaScript模块化-CommonJS、AMD、CMD、UMD、ES6前端模块化——彻底搞懂AMD、CMD、ESM和CommonJS 在JS早期,使用script标签引入JS,会造成以下问题:加载的时候阻塞......
  • js 添加水印,防篡改
     水印是安全中的一部分,或者可以推广加上自己的一些信息前端实现方式,是通过创建canvas,将文本或图片添加到canvas,然后导出图片作为背景图以下实现方法/watermark.js......
  • Error: Cannot find module ‘webpack-cli/package.json‘
    webpack安装后需要安装webpackcli:npminstall-dwebpack-cli1运行后报错:Error:Cannotfindmodule'webpack-cli/package.json'1解决方案:全局安装webpack-clinpmi......
  • JetBrains系列(IDEA,Clion等) 自定义注释设置
    为了方便对方法的功能描述,可以设置自定义注释模板。效果:/***@FunctionNamecalculatePrice*@CreateTime2023/3/311:01*@Authorthink*TODO*/模板:可以......
  • pdf.js 预览时红章、电子签和部分文字无法显示问题解决方案
    pdf红章无法预览的问题修复方案:node_modules/pdfjs-dist/es5/build/pdf.worker.js注释一行代码:this.setFlags(_util.AnnotationFlag.HIDDEN)pdf电子签、部分文字不......
  • js V8 Engine GC All In One
    jsV8EngineGCAllInOnejs垃圾回收原理JavaScript有两种策略实现垃圾回收机制标记清除✅引用计数❌标记清除法标记清除法:当程序执行流入到一个函数中时,......
  • RL 基础:如何搭建自定义 gym 环境
    需实现的方法:__init__(self):需定义action_space和observation_space,使用space.Box之类来表示(fromgymimportspaces)。step(self,action):返回observation......
  • delphi 自定义cxGrid的导航面板
    效果图  面板设置:1.把导航面板显示出来:Navigator.visible:=true 2.在Navigator-Buttons下设置自己需要显示或者隐藏的按钮  3.添加自定义按钮  双......