javascript当中事件派发(dispatchEvent)的用法

最新推荐文章于 2024-04-23 17:04:17 发布
最新推荐文章于 2024-04-23 17:04:17 发布
阅读量2.1k 收藏
点赞数
分类专栏： javascript 文章标签： javascript 事件派发 initEvent  dispatchEvent   dispatchEvent 
原文链接：https://blog.csdn.net/mark_to_win/article/details/88643004
版权

12.事件派发(dispatchEvent)
下例仔细剖析了dispatchEvent。
例 12.1（DispatchEventFireIEFF.html）
<HTML>
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
</HEAD>
<BODY>
<select οnchange="alert('select onchange event');" id="select1">
    <option>1</option>
    <option>2</option>
</select>
<INPUT TYPE="button" value="按这" οnclick="clickButton()">
<script type="text/javascript">
    function clickButton() {
        alert("click button");
        var t = document.getElementById('select1')
        if (document.all) {
            t.fireEvent("onchange");
            alert("ie");
        }
        else {
            var evt = document.createEvent('HTMLEvents');
            evt.initEvent('change', true, true);
            t.dispatchEvent(evt);
        }
    }
更多请见：http://www.mark-to-win.com/tutorial/js_4_dispatchEvent.html

仔仔尔
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
javascript 主动派发事件总结
12-10
1，dispatchEvent()这是标准的触发事件方法，使用时需要先创建好事件对象。如下 代码如下: var evt = document.createEvent(‘Event’); evt.initEvent(‘click’,true,true); element.dispatchEvent(evt); 2，fire...
javascript自定义事件功能与用法实例分析
11-29
JavaScript中的自定义事件是开发者用来实现模块间通信和事件驱动编程的一种强大工具。在JavaScript的早期，由于没有模块化机制，自定义事件的应用并不广泛。然而随着模块化开发的普及，自定义事件成为了不同模块之间...
js手动触发事件dispatchEvent()
qq_35134066的博客
01-29 2万+
如果大家将一张网页看成一个form的话，大致上就成了一个web form的模型。在win form 下要想手动触发某一个对象的事件是很简单的，只要发送一条消息即可达成。(PostMessage) 但是网页并不是基于消息机制的，如果我们想在一张网页上写出一个类似于按键精灵的功能该如何实现呢？ 为大家介绍js下的几个方法：(jquery使用trigger()触发事件) 1. createEvent（...
js dispatchEvent
wgod
11-10 1947
运用场景 一是触发自定义事件，浏览器自带事件一般由浏览器接收某些操作之后触发，而自定义事件的触发就需要使用dispatchEvent来进行手动触发了。 二是触发浏览器标准事件。根据需求决定，某些操作如果正好与某个元素事件的触发一致，且该事件很好模拟，我们就可以触发该事件来达到某些我们需要的执行结果。 <div id="div"></div> <script> var elem = document.querySelector('#div'); .
JavaScript--DOM-- .dispatchEvent(）派发事件
最新发布
weixin_45705239的博客
04-23 456
是 DOM API 中的一个方法，用于在节点上触发指定的事件。你可以使用这个方法来模拟用户交互或者通知代码中其他部分某些事情已经发生。JavaScript 允许你创建不同类型的事件，例如 Event, CustomEvent, MouseEvent, KeyboardEvent 等。每种事件类型都可能有自己特定的初始化方法。对于自定义事件，你通常会使用 new CustomEvent() 构造函数。创建事件后，你可以通过调用在 DOM 节点上可用的 dispatchEvent 方法来派发它。
js dispatchEvent派发自定义事件
weixin_43845059的博客
09-13 458
dispatchEvent使用
js模拟鼠标自动滑动滑块--dispatchEvent
nizaili1的博客
04-13 5277
initMouseEvent参数 event.initMouseEvent(type, canBubble, cancelable, view, detail, screenX, screenY, clientX, clientY, ctrlKey, altKey, shiftKey, metaKey, button, relatedTarget); 形参 type 设置事件类型type 的字符串，包含以下几种鼠标事件：click，mousedown，mouseup，mouseover，mousemove
js触发自定义事件,js触发change事件
sinat_35747438的博客
06-10 5136
使用js代码触发文本框change事件 <input type="button" id="btn"> js触发btn的点击事件： var btn = document.querySelector('#btn'); var event = new Event('click'); btn.dispatchEvent(event); 同理可以触发input的change事件： <input type="text" id="txt"> js事件： var btn = d
手动模拟触发input框事件
gongzairen的博客
10-19 1650
js修改input值触发监听事件
javascript事件模型代码
10-30
JavaScript事件模型是JavaScript编程中处理用户交互和状态变化的核心机制。事件模型允许程序在特定条件满足时执行预定的代码，比如用户点击按钮、页面加载完成或数据发生变化等。本节将详细探讨JavaScript事件处理...
javascript触发模拟鼠标点击事件
01-19
事件触发器就是用来触发某个元素下的某个事件，IE下fireEvent方法，高级浏览器（chrome,firefox等）有dispatchEvent方法。 一般我们在元素上绑定事件后，是靠用户在这些元素上的鼠标行为来捕获或者触发事件的，或者...
DispatchEvent
08-24
DispatchEvent
js手动触发这个 onchange 事件
热门推荐
赶路人儿
06-26 4万+
input type=txt 这个组件触发change事件，需要同时满足两个条件：获得焦点；值发生改变；注:select这类组件只要值改变即可触发change事件；下面介绍一个实际例子：在一个页面中，引入了my97时间空间，对该input type=txt组件添加change时间，当使用my97改变数据后，发现无法触发change时间。猜测是由于失去focus造成，所以需要用js来手动触发chan...
Javascript attachEvent传递参数的办法
weixin_34184158的博客
03-18 122
找了半天找到的解决办法，看介绍说是javascript的闭包问题，导致得不能直接读取外部的那个函数，不然就所有传递的参数都变为最后一个了。 var newopen = function(id,level) {   return function()   {     opentree(id,level);//该函数为外部定义的一个执行函数；   } } x.attachEvent("...
JS動態加的touchend事件用dispatchEvent執行事件不生效
losedguest的博客
06-06 1452
動態添加的標籤使用 $(document).on註冊事件當想要touchend事件時,發現觸發器dispatchEvent無法觸發touchend事件$("#Test").click()卻執行了 $(document).on('touchend' var event = document.createEvent('HTMLEvents');event.initEvent('touchend', t...
自定义事件的触发 dispatchEvent 的用法
weixin_42333548的博客
12-04 3万+
window.addEventListener && window.dispatchEvent 一、标准浏览器提供了可供元素触发的方法：element.dispatchEvent()，在使用之前，需要创建和初始化，下面是具体的用法： vue中举例： 1.通过 var event = document.createEvent("HTMLEvents"); 这个方法创建一个eve...
怎么通过js给一个input标签的value属性赋值_开发一个简单指令理解 Vue 的 v-model 语法糖...
weixin_39578513的博客
11-25 1412
题图来自网络，侵删Vue 中有若干个“语法糖”：v-model 语法糖{{ }} 插值语法糖组件注册语法糖arr.$set 语法糖后三种语法糖即使不深入理解，也可以直接应用，然而如果没有充分理解第一种语法糖，那么就可能遇到一些奇怪的问题。考虑如下需求：编写一个自定义指令，使得在文本输入框中输入的敏感词（如：f..k）自动删除，并更新通过 v-model 指令所绑定的 Vue 实例数据。自定义指令定...
javascript事件之：jQuery.event.dispatch详解
weixin_34198881的博客
12-31 583
　　jQuery.event.dispatch，字面意思是事件分发。就是执行绑定的函数。 　　在jQuery.event.add中， //1, jQuery.event.add中 jQuery.event.dispatch.apply( eventHandle.elem, arguments ) //2, jQuery.event.simulate中 jQuery.event.dis...
React中在javascript函数中调用dispatch函数
enjoy.day
06-22 4082
环境 React(16.13.0)+antd(4.3.4)+redux(7.2.0) 步骤 导出store模块，之后在外部调用时导入模块即可使用相关函数。 // store.js import { createStore } from 'redux' export default createStore(reducers) // somefile.js import store from './store' store.dispatch(someAction) 以上来自网络 但是我在实际使用中，使
2.01 JavaScript基础事件以及Event对象（原生态）.pdf
10-27
EventTarget接口提供了三个主要实例方法：addEventListener用于绑定事件的监听函数，removeEventListener用于移除事件的监听函数，dispatchEvent用于触发事件。 在JavaScript中，有许多常用的事件可以利用。一些...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值