zhangyaochun
zhangyaochun

DOM createEvent

 

   本文来自w3school：http://www.w3school.com.cn/xmldom/met_document_createevent.asp

    个人学习积累用，感谢！

 

    createEvent()

 

       ---------  创建新的Event对象

 

    语法：

 

/*
 * eventType的值：HTMLEvents、 MouseEvents、 UIEvents
*/
document.createEvent(eventType);

 

   说明对应的eventType不一样，初始化的方法也不一样：

 

  • initEvent -------------------------  HTMLEvents
  • initMouseEvent ----------------- MouseEvents
  • initUIEvent------------------------UIEevents

 

你可能感兴趣的:(document,createEvent)

  • 前端实现电子签名 一个00后前端开发 前端
                      Document          *{        margin:0;        padding:0;      }                      取消      保存            constcanvas=document.querySelector('canvas');    canvas.width=500;    canvas
  • Linux安装Anaconda、Miniconda 让我安静会 配置与安装linux运维服务器
    Anaconda下载：https://repo.anaconda.com/archive/MinicondaDocument：https://docs.conda.io/projects/miniconda/en/latest/index.html进入Linux系统，到/data/file/文件夹下，直接将anaconda下载到该文件夹中：wgethttps://repo.anaconda.com
  • js 使用缓存判断在规定时间内显示一次弹框 洪洪呀 javascript缓存开发语言
    js使用缓存判断在规定时间内显示一次弹框功能拆分，新用户注册完成登录跳转首页，js根据注册时间判断显示一个新手指引的弹窗，只在注册当天登录且显示一次jQuery(document).ready(function($){getWinnerModalShow()});//新手指引functiongetWinnerModalShow(){varwinnerModal=newbootstrap.Modal
  • MAX9295配置说明：高效视频传输与图像处理的利器 段惟果Edwin
    MAX9295配置说明：高效视频传输与图像处理的利器【下载地址】MAX9295配置说明MAX9295配置说明项目地址:https://gitcode.com/Open-source-documentation-tutorial/5d74a项目介绍在现代视频传输和图像处理领域，高效、稳定的信号转换是关键。MAX9295芯片作为一款专为MIPI转GMSL2设计的芯片，凭借其卓越的性能和灵活的配置，成为
  • GMSL max9286应用参考原理图：硬件工程师的利器 杜文岱Igor
    GMSLmax9286应用参考原理图：硬件工程师的利器【下载地址】GMSLmax9286应用参考原理图本仓库提供了一个名为“GMSLmax9286应用参考原理图”的资源文件。该文件详细展示了max9286芯片在GMSL（GigabitMultimediaSerialLink）系统中的应用原理图项目地址:https://gitcode.com/Open-source-documentation-tu
  • python读取docx文件_Python读写docx文件 weixin_39710106 python读取docx文件
    Python读写word文档有现成的库可以处理。我这里采用python-docx。可以用pipinstallpython-docx安装一下。这里说一句，ppt和excel也有类似的库哦，而且是直接读取文件里面的xml数据。所以doc格式得另找其他库处理，doc格式不是基于xml的。1、新建或打开文件。这个比较简单用docx的Document类，若指定路径则是打开文档；若没有指定路径则是新建文档#c
  • HTML+CSS+JSP的不同注释 宁酱醇 JSP基础(尚学堂_笔记)htmlcssjavascript前端
    1.HTML注释2.CSS注释/**/3.JSP注释1)单行：//2)多行：/**/4.打印1)1.1页面打印：CSSh3{font-size:30px;color:red;}被css控制显示在界面上1.2主页打印：JSdocument.write("显示在主界面")2)控制台打印：JS里varnum=10；console.log(num);3)弹窗打印：JSalert("弹窗");5.注释快捷键
  • 阿里云IOT-SDK源码历程分析 One Piece& linux实战项目linux物联网阿里云
    文件路径：src/mqtt/examples/mqtt_example.c阿里云快速体验手册：https://help.aliyun.com/document_detail/96624.html?spm=a2c4g.11186623.2.15.69a27165DXIxEK我们使用“以MQTTTopic编程方式接入设备”直接使用MQTTTOPIC与物联网平台通信的流程示意图如下：1、创建产品和设备参
  • 【ElementUI实现table表格行拖拽切换顺序】 电竞蒋劲夫 ElementUIelementui前端javascriptvue.js
    实现效果逻辑思路通过el-table的row-class-name设置行的自定义class类名.在mounted和updated生命周期钩子中调用this.$nextTick，确保DOM元素渲染完成后，使用document.querySelectorAll获取所有.drag-row元素。设置dom的draggable(用于标识元素是否允许使用浏览器原生行为或HTML拖放操作API拖动。)为true
  • a标签（普通标签如span）没有disabled属性 ，怎样利用js实现该属性 weixin_30252709 前端javascriptViewUI
    a标签以及其她普通标签没有disabled属性，要想实现类似input框属性disabled可以通过css样式设置pointer-events的值来设定：aonclickdisabledaAlertspanAlert$(document).ready(function(){$('.page-next').click(function(e){e.preventDefault();alert('aaa
  • Web第三次作业 mbx0715 css前端css3
    Document*{margin:0;padding:0;box-sizing:border-box;}html,body{width:100%;height:100%;}.container{width:100%;height:100%;background-color:#f2f1f2;}header{width:1200px;height:50px;background-color:#fff;
  • 什么是URL参数 kungfu_panda 前端开发
    使您将用户提供的信息从浏览器传递到服务器。当服务器收到请求，而且参数被追加到请求的URL上时，服务器在将请求的页提供给浏览器之前，向参数提供对请求页的访问。URL参数是追加到URL上的一个名称-值对。参数以问号(?)开始并采用name=value.如果存在多个URL参数，则参数之间用(&)符隔开。下例显示带有两个名称-值对的URL参数：http://server/path/document?nam
  • Mongodb快速上手 是小V呀 中间件mongodb数据库文档型数据库中间件
    1.1Mongodb介绍官网：https://www.mongodb.com/中文官网：https://www.mongodb.com/zh-cn中文文档：https://www.mongodb.com/zh-cn/docs/MongoDB是一个开源的NoSQL数据库，采用文档导向（Document-Oriented）的存储方式，基于分布式架构，适合存储大量结构化或半结构化数据。通过灵活的sche
  • wiredtiger java_mongodb数据库损坏，丢失WiredTIger.wt等meta文件，通过collection*.wt恢复数据... 又逢账号起名时 wiredtigerjava
    mongodb恢复wiredtiger数据Backgroundmongodb是一款开源NoSQL非关系型数据库，通过database,collection组织存储数据文件，其中在每个collection中，每条数据被存储为一个document，而每个document为一组键值对。此外，mongodb默认使用WiredTiger作为数据存储引擎，WiredTiger为数据管理提供了不同粒度的并发控制
  • 用java实现word（docx）转换为pdf格式文档（简单版） xiaoxiaobaozhu javawordpdf
    导入依赖com.documents4jdocuments4j-local1.0.3com.documents4jdocuments4j-transformer-msoffice-word1.0.3代码//word文档替换成pdf文档privatestaticvoidreplaceWordToPdf(StringwordPath,StringpdfPath){FileinputWord=newFil
  • 正则表达式--元字符-边界符（3） 叶不休 正则表达式javascript前端css3chromecsshtml
    边界元字符1.^------表示开头2.$------表示结尾Documentconstreg1=/\d///表示字符串至少出现一个数字console.log(reg1.test('abc123def'))//trueconstreg2=/^\d///表示字符串开头是一个数字console.log(reg2.test('abc123def'))//falseconsole.log(reg2.tes
  • 开源ERP系统odoo的安装与配置 catmes 开源ERPpythonpostgresqlOpenERP
    开源ERP系统odoo的安装与配置安装下载源码安装PostgreSQL安装Python3下载odoo依赖配置启动安装安装方式有两种:分发包安装:https://www.odoo.com/documentation/16.0/administration/install/packages.html源码安装:https://www.odoo.com/documentation/16.0/adminis
  • 企业智能制造执行系统（MES）技术方案 陈羚春Fiona
    企业智能制造执行系统（MES）技术方案【下载地址】企业智能制造执行系统MES技术方案企业智能制造执行系统（MES）技术方案随着工业4.0时代的到来，制造业正经历着一场前所未有的变革项目地址:https://gitcode.com/Open-source-documentation-tutorial/1de82随着工业4.0时代的到来，制造业正经历着一场前所未有的变革。本资源文件深入探讨了企业智能制
  • CTF-WEB: 利用Web消息造成DOM XSS A5rZ xss网络安全
    如果索引中有类似如下代码window.addEventListener('message',function(e){document.getElementById('ads').innerHTML=e.data;});这行代码的作用是将接收到的消息内容（e.data）设置为id为'ads'的元素的HTML内容那么在受害者段执行如下代码会导致DOM污染','*')">参考实验：使用Web消息的DOM
  • Echarts 监听鼠标右键或者双击 weixin_34248705 javascriptViewUI
    1、监听contextmenu官方文档(注意切换引用控件所对应版本的文档)ECharts中的事件和行为引用官方文档示例代码：//基于准备好的dom，初始化ECharts实例varmyChart=echarts.init(document.getElementById('main'));//指定图表的配置项和数据varoption={xAxis:{data:["衬衫","羊毛衫","雪纺衫",
  • Vue2.x -- 解决vue2editor文本框报错、作用域插槽、对象解构赋值、VsCode支持Vue文件配置 ELNino_Thomas.Liang javascriptvue
    解决vue2editor文本框报错报错提示:[Violation]AddedsynchronousDOMmutationlistenertoa'DOMNodeInsertedIntoDocument'event.原因:vue-editor无法编译div标签解决方法:replace()方法,可以尝试把数据中的div标签换成p标签语法:例如vue-editor标签中绑定的内容为content,cont
  • 一篇彻底讲清浏览器同源策略 海上彼尚 jsjavascript
    目录一、什么是同源？二、为什么需要同源策略？三、同源策略的限制范围四、跨源解决方案1.请求跨域CORS（跨源资源共享）JSONP（仅限GET请求）Websocket代理服务器2.页面跨域postMessageAPIdocument.domainwindow.location.hashwindow.location.hash五、常见误区与注意事项六、总结一、什么是同源？两个URL的协议（Protoc
  • 常用数据格式：json、bson、msgpack ChiLi_Lin json
    JSON（JavaScriptObjectNotation）常用文件格式，可读性高一般用于远端配置，客户端基础配置等。BSON（BinaryJSON）二进制的Json，一般用于服务器MongoDB存储。类型定义：https://bsonspec.org/spec.html{"hello":"world"}→\x16\x00\x00\x00//totaldocumentsize\x02//0x02=
  • knife4j报错 Consider defining a bean of type ‘springfox.documentation.schema.TypeNameExtractor‘ in you 有点东西且很多 java开发语言
    knife4j报错Considerdefiningabeanoftype‘springfox.documentation.schema.TypeNameExtractor’inyourconfiguration.报错原因：Description:Parameter0ofconstructorincom.github.xiaoymin.knife4j.spring.plugin.DynamicRes
  • Chromium Design Document学习及翻译之Multi-process Architecture lail3344 browserchromium
    ChromiumDesignDocument学习及翻译之Multi-processArchitecturehttp://www.chromium.org/developers/design-documents/multi-process-architectureMulti-processArchitectureThisdocumentdescribesChromium'shigh-levelarc
  • Chromium多进程架构 不觉 ChromiumchromiumMulti-processArchitecture
    原文地址：http://www.chromium.org/developers/design-documents/multi-process-architecture1、多进程架构浏览器引擎不可能绝对稳定，也不可能绝对安全。某种程度上，当前的Web浏览器类似于之前单用户、多任务协同工作的操作系统。现代操作系统使用不同的进程将不同的应用隔离起来，因而更加健壮。一个应用程序的的崩溃一般不会影响其他应用
  • 【Chromium】多进程架构（Multi-process Architecture） 余亖爷 Chromiumchromium多进程架构
    原文链接：http://www.chromium.org/developers/design-documents/multi-process-architecture问题创造一个从来不会崩溃或者挂起的渲染引擎是几乎不可能。同样，创造一个绝对安全的渲染引擎也非常的困难。从某些方面说，现在的浏览器就像早期的单用户共享多任务操作系统一样。一个应用程序出错可能导致整个系统的崩溃，现代浏览器的一个tab也一
  • echarts图标-悬浮效果消失优化 子伟-H5 echarts前端javascript
    1、展示描述1）当前问题：悬浮框显示后，点击图标外的其他区域，有时候浮框会消失，有时候不会消失，体验不好2）改成：悬浮框显示后，点击图标外的其他区域，浮框必须消失2、优化代码在组件挂载时添加一个全局的pointerup事件监听器，当组件销毁前移除该监听器。具体如下：组件挂载时：添加全局pointerup事件监听器，调用handleDocumentClick方法。组件销毁前：移除全局pointeru
  • Web前端第一次作业 unfeeling_ 前端
    作业代码：（1）登录页面：登录会员登录页面YQ会员登录账号：密码：（2）注册页面：DocumentYQ会员注册账号：密码：确认密码：昵称：(3)主页页面跳转：index主页登录页面注册页面效果展示：总结：主页点击登录或者注册能直接跳转到新页面，登录页面，输入账号密码，就可以跳转到对应主页，注册页面也是如此，该次作业运用了表格标签修饰页面，用表单标签做出要求，最后运用超链接实现页面跳转
  • web第三次作业 unfeeling_ 前端cssjavascript
    一、要实现的内容：使用JS实一个网页中登录窗口的显示/隐藏，页面中拖动移动，并且添加了边界判断的网页效果二、代码展示Document*{margin:0;padding:0;box-sizing:border-box;}html,body{width:100%;height:100%;}.container{width:100%;height:100%;background-color:#f2f1
  • mondb入手 木zi_鸣 mongodb
    windows 启动mongodb  编写bat文件， mongod --dbpath D:\software\MongoDBDATA mongod --help  查询各种配置 配置在mongob 打开批处理，即可启动，27017原生端口，shell操作监控端口  扩展28017，web端操作端口 启动配置文件配置， 数据更灵活 
  • 大型高并发高负载网站的系统架构 bijian1013 高并发负载均衡
            扩展Web应用程序 一.概念         简单的来说，如果一个系统可扩展，那么你可以通过扩展来提供系统的性能。这代表着系统能够容纳更高的负载、更大的数据集，并且系统是可维护的。扩展和语言、某项具体的技术都是无关的。扩展可以分为两种：         1.
  • DISPLAY变量和xhost(原创) czmmiao display
    DISPLAY 在Linux/Unix类操作系统上, DISPLAY用来设置将图形显示到何处. 直接登陆图形界面或者登陆命令行界面后使用startx启动图形, DISPLAY环境变量将自动设置为:0:0, 此时可以打开终端, 输出图形程序的名称(比如xclock)来启动程序, 图形将显示在本地窗口上, 在终端上输入printenv查看当前环境变量, 输出结果中有如下内容:DISPLAY=:0.0
  • 获取B/S客户端IP 周凡杨 java编程jspWeb浏览器
       最近想写个B/S架构的聊天系统，因为以前做过C/S架构的QQ聊天系统，所以对于Socket通信编程只是一个巩固。对于C/S架构的聊天系统，由于存在客户端Java应用，所以直接在代码中获取客户端的IP，应用的方法为：    String ip = InetAddress.getLocalHost().getHostAddress(); 然而对于WEB
  • 浅谈类和对象 朱辉辉33 编程
        类是对一类事物的总称，对象是描述一个物体的特征，类是对象的抽象。简单来说，类是抽象的，不占用内存，对象是具体的， 占用存储空间。     类是由属性和方法构成的，基本格式是public  class 类名{ //定义属性 private/public 数据类型 属性名； //定义方法 publ
  • android activity与viewpager+fragment的生命周期问题 肆无忌惮_ viewpager
    有一个Activity里面是ViewPager，ViewPager里面放了两个Fragment。 第一次进入这个Activity。开启了服务，并在onResume方法中绑定服务后，对Service进行了一定的初始化，其中调用了Fragment中的一个属性。 super.onResume(); bindService(intent, conn, BIND_AUTO_CREATE);
  • base64Encode对图片进行编码 843977358 base64图片encoder
    /** * 对图片进行base64encoder编码 * * @author mrZhang * @param path * @return */ public static String encodeImage(String path) { BASE64Encoder encoder = null; byte[] b = null; I
  • Request Header简介 aigo servlet
    当一个客户端(通常是浏览器)向Web服务器发送一个请求是，它要发送一个请求的命令行，一般是GET或POST命令，当发送POST命令时，它还必须向服务器发送一个叫“Content-Length”的请求头(Request   Header)   用以指明请求数据的长度，除了Content-Length之外，它还可以向服务器发送其它一些Headers，如：    
  • HttpClient4.3 创建SSL协议的HttpClient对象 alleni123 httpclient爬虫ssl
    public class HttpClientUtils { public static CloseableHttpClient createSSLClientDefault(CookieStore cookies){ SSLContext sslContext=null; try { sslContext=new SSLContextBuilder().l
  • java取反 -右移-左移-无符号右移的探讨 百合不是茶 位运算符 位移
    取反： 在二进制中第一位，1表示符数，0表示正数 byte a = -1; 原码：10000001 反码：11111110 补码：11111111 //异或: 00000000 byte b = -2; 原码：10000010 反码：11111101 补码：11111110 //异或: 00000001
  • java多线程join的作用与用法 bijian1013 java多线程
            对于JAVA的join，JDK 是这样说的：join public final void join （long millis ）throws InterruptedException Waits at most millis milliseconds for this thread to die. A timeout of 0 means t
  • Java发送http请求(get 与post方法请求) bijian1013 javaspring
    PostRequest.java package com.bijian.study; import java.io.BufferedReader; import java.io.DataOutputStream; import java.io.IOException; import java.io.InputStreamReader; import java.net.HttpURL
  • 【Struts2二】struts.xml中package下的action配置项默认值 bit1129 struts.xml
    在第一部份，定义了struts.xml文件，如下所示：   <!DOCTYPE struts PUBLIC "-//Apache Software Foundation//DTD Struts Configuration 2.3//EN" "http://struts.apache.org/dtds/struts
  • 【Kafka十三】Kafka Simple Consumer bit1129 simple
    代码中关于Host和Port是割裂开的，这会导致单机环境下的伪分布式Kafka集群环境下，这个例子没法运行。 实际情况是需要将host和port绑定到一起，   package kafka.examples.lowlevel; import kafka.api.FetchRequest; import kafka.api.FetchRequestBuilder; impo
  • nodejs学习api ronin47 nodejs api
    NodeJS基础 什么是NodeJS JS是脚本语言，脚本语言都需要一个解析器才能运行。对于写在HTML页面里的JS，浏览器充当了解析器的角色。而对于需要独立运行的JS，NodeJS就是一个解析器。 每一种解析器都是一个运行环境，不但允许JS定义各种数据结构，进行各种计算，还允许JS使用运行环境提供的内置对象和方法做一些事情。例如运行在浏览器中的JS的用途是操作DOM，浏览器就提供了docum
  • java-64.寻找第N个丑数 bylijinnan java
    public class UglyNumber { /** * 64.查找第N个丑数 具体思路可参考 [url] http://zhedahht.blog.163.com/blog/static/2541117420094245366965/[/url] * 题目：我们把只包含因子 2、3和5的数称作丑数（Ugly Number）。例如6、8都是丑数，但14
  • 二维数组（矩阵）对角线输出 bylijinnan 二维数组
    /** 二维数组 对角线输出 两个方向 例如对于数组： { 1, 2, 3, 4 }, { 5, 6, 7, 8 }, { 9, 10, 11, 12 }, { 13, 14, 15, 16 }, slash方向输出： 1 5 2 9 6 3 13 10 7 4 14 11 8 15 12 16 backslash输出： 4 3
  • [JWFD开源工作流设计]工作流跳跃模式开发关键点(今日更新) comsci 工作流
       既然是做开源软件的,我们的宗旨就是给大家分享设计和代码,那么现在我就用很简单扼要的语言来透露这个跳跃模式的设计原理    大家如果用过JWFD的ARC-自动运行控制器,或者看过代码,应该知道在ARC算法模块中有一个函数叫做SAN(),这个函数就是ARC的核心控制器,要实现跳跃模式,在SAN函数中一定要对LN链表数据结构进行操作,首先写一段代码,把
  • redis常见使用 cuityang redis常见使用
    redis 通常被认为是一个数据结构服务器，主要是因为其有着丰富的数据结构 strings、map、 list、sets、 sorted sets 引入jar包 jedis-2.1.0.jar  (本文下方提供下载) package redistest; import redis.clients.jedis.Jedis; public class Listtest
  • 配置多个redis dalan_123 redis
    配置多个redis客户端 <?xml version="1.0" encoding="UTF-8"?><beans xmlns="http://www.springframework.org/schema/beans"       xmlns:xsi=&quo
  • attrib命令 dcj3sjt126com attr
      attrib指令用于修改文件的属性.文件的常见属性有:只读.存档.隐藏和系统.    只读属性是指文件只可以做读的操作.不能对文件进行写的操作.就是文件的写保护.    存档属性是用来标记文件改动的.即在上一次备份后文件有所改动.一些备份软件在备份的时候会只去备份带有存档属性的文件. 
  • Yii使用公共函数 dcj3sjt126com yii
    在网站项目中，没必要把公用的函数写成一个工具类，有时候面向过程其实更方便。 在入口文件index.php里添加 require_once('protected/function.php'); 即可对其引用，成为公用的函数集合。 function.php如下：   <?php /**   * This is the shortcut to D
  • linux 系统资源的查看（free、uname、uptime、netstat） eksliang netstatlinux unamelinux uptimelinux free
    linux 系统资源的查看 转载请出自出处：http://eksliang.iteye.com/blog/2167081   http://eksliang.iteye.com 一、free查看内存的使用情况 语法如下：   free [-b][-k][-m][-g] [-t] 参数含义 -b:直接输入free时，显示的单位是kb我们可以使用b(bytes),m
  • JAVA的位操作符 greemranqq 位运算JAVA位移<<>>>
    最近几种进制，加上各种位操作符，发现都比较模糊，不能完全掌握，这里就再熟悉熟悉。   1.按位操作符 ：    按位操作符是用来操作基本数据类型中的单个bit,即二进制位，会对两个参数执行布尔代数运算，获得结果。    与（&）运算：    1&1 = 1, 1&0 = 0, 0&0 &
  • Web前段学习网站 ihuning Web
      Web前段学习网站 菜鸟学习：http://www.w3cschool.cc/   JQuery中文网：http://www.jquerycn.cn/   内存溢出：http://outofmemory.cn/#csdn.blog   http://www.icoolxue.com/   http://www.jikexue
  • 强强联合：FluxBB 作者加盟 Flarum justjavac r
    原文：FluxBB Joins Forces With Flarum作者：Toby Zerner译文：强强联合：FluxBB 作者加盟 Flarum译者：justjavac FluxBB 是一个快速、轻量级论坛软件，它的开发者是一名德国的 PHP 天才 Franz Liedke。FluxBB 的下一个版本(2.0)将被完全重写，并已经开发了一段时间。FluxBB 看起来非常有前途的，
  • java统计在线人数（session存储信息的） macroli javaWeb
    这篇日志是我写的第三次了 前两次都发布失败！郁闷极了！   由于在web开发中常常用到这一部分所以在此记录一下，呵呵，就到备忘录了！ 我对于登录信息时使用session存储的，所以我这里是通过实现HttpSessionAttributeListener这个接口完成的。 1、实现接口类，在web.xml文件中配置监听类，从而可以使该类完成其工作。 public class Ses
  • bootstrp carousel初体验 快速构建图片播放 qiaolevip 每天进步一点点学习永无止境bootstrap纵观千象
    img{ border: 1px solid white; box-shadow: 2px 2px 12px #333; _width: expression(this.width > 600 ? "600px" : this.width + "px"); _height: expression(this.width &
  • SparkSQL读取HBase数据，通过自定义外部数据源 superlxw1234 sparksparksqlsparksql读取hbasesparksql外部数据源
    关键字：SparkSQL读取HBase、SparkSQL自定义外部数据源     前面文章介绍了SparSQL通过Hive操作HBase表。   SparkSQL从1.2开始支持自定义外部数据源(External DataSource)，这样就可以通过API接口来实现自己的外部数据源。这里基于Spark1.4.0，简单介绍SparkSQL自定义外部数据源，访
  • Spring Boot 1.3.0.M1发布 wiselyman spring boot
        Spring Boot 1.3.0.M1于6.12日发布，现在可以从Spring milestone repository下载。这个版本是基于Spring Framework 4.2.0.RC1,并在Spring Boot 1.2之上提供了大量的新特性improvements and new features。主要包含以下：   1.提供一个新的sprin
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他