window 自定义事件

2024-08-21

事件监听和window.history以及自定义创建事件

1.事件监听window.addEventListener方法: Window.addEventListener(event, function, useCapture); useCapture:表示传递的类型是冒泡(false)还是捕获(true). Event:表示事件: Function:表示事件发生后触发的方法 2.window.hisitroy DOM中的window对象通过window.history方法提供了对浏览器历史记录的读取,让你可以在用户的访问记录中前进和后退. 如:win

MUI APP关于页面之间的传值，plusready和自定义事件

最近在用MUI开发这个APP,发现有时候这个plusready不起作用,表现在,这个页面如果重复打开,这个plusready就进不去,然后上一个页面传过来的值,就没法接收了.这个经过MUI官方确认,是有可能发生的,所以,这里面的话,就需要通过自定义事件,来确保这个值能正确传递. 首先,我先演示一下,通常我们页面之间的传值的方法,如下: 参数生成页面: mui.openWindow({

javascript和jquey的自定义事件小结

“通过事件机制,可以将类设计为独立的模块,通过事件对外通信,提高了程序的开发效率.” 可以把多个关联但逻辑复杂的操作利用自定义事件的机制灵活地控制好对象之间通过直接方法调用来交互 1)对象A直接调用对象B的某个方法,实现交互:直接方法调用本质上也是属于一种特殊的发送与接受消息,它把发送消息和接收消息合并为一个动作完成: 方法调用方和被调用方被紧密耦合在一起:因为发送消息和接收消息是在一个动作内完成,所以无法做到消息的异步发送和接收: 2)对象A生成消息->将消息通知给一个事件消息处理器(Obs

如何订阅Form的自定义事件

Window Form类有很多的属性/方法和事件,其中事件属于一种发布订阅模式 .订阅发布模式定义了一种一对多的依赖关系,让多个订阅者对象同时监听某一个主体对象.这个主体对象在自身状态变化时,会通知所有订阅者对象,使它们能够自动更新自己的状态. 当一个对象的改变需要同时改变其他对象,而且无需关心具体有多少对象需要改变时,就特别适合用此种模式.本文将演示如何在窗体上自定义一个事件(custom event) : 1 自定义一个CustomEventArgs类一般自定义的事件都有一个参数,继承自E

JavaScript使用自定义事件实现简单的模块化开发

WEB前端最常见驱动方式就是事件了, 所有交互等等都是通过事件,前端的常见事件有: UI事件: 焦点事件: 鼠标事件: 滚轮事件: 文本事件: 键盘事件: 变动事件: 现在网页上有一个输入框, 如果我们要对用户输入的字符串进行过滤, 或者是截获用户的输入进行处理的话, 我们要肿么办同学们纷纷举手说:“老师,我知道,是使用添加事件“, 老师也很欣慰地点了点头, 这群家伙真的是越来越聪明了, 老师又问了”如果要取消用户的输入怎么办了“, 坐在最前排眼睛最小的同学急忙说”ev.preventDefa

Extjs中自定义事件

//Ext中所谓的响应事件,响应的主要是组件中已经定义的事件(通过看api各组件的events可以找到) //主要作用就是利用on调用各组件的事件处理函数,然后在函数中作用户想要的操作 //Ext也可以自定义事件,定义过程参考Ext.util.Observable // <div id="div1" /> <div id="div2" />这种形式定义div的话,按钮2会在按钮1上面,但是我是想

Jquery 自定义事件实现发布/订阅

//用户点击logoff按钮时,广播一个自定义事件,给任何需要保存状态的感兴趣的观察者,然后导航到logoff页面 $('#logoff').click(function(){ $.event.trigger("logoff");//广播一个事件 window.location = "logoff.php";//导航到新页面 });

js自定义事件、DOM/伪DOM自定义事件

一.说明.引言我JS还是比较薄弱的,本文的内容属于边学边想边折腾的碎碎念,可能没什么条理,可能有表述不准确的地方,可能内容比较拗口生僻.如果您时间紧迫,或者JS造诣已深,至此您就可以点击右侧广告(木有?则RSS或盗版)然后撤了. 事件是个大课题,真要从断奶开始讲起的话,可以写个12期的连载.关于JS事件的文章(类似DOM/BOM事件模型,IE与其他浏览器事件差异,DOM1/DOM2事件定义等)落叶般随处可见.熟豆子反复炒一点意思都没有,因此,这里谈谈自己感兴趣的自定义事件以及周边. 所谓自定义

转: JS自定义事件的定义和触发(createEvent, dispatchEvent)

四.伪DOM自定义事件这里的“伪DOM自定义事件”是自己定义的一个名词,用来区分DOM自定义事件的.例如jQuery库,其是基于包装器(一个包含DOM元素的中间层)扩展事件的,既与DOM相关,又不直接是DOM,因此,称之为“伪DOM自定义事件”. //zxx: 下面即将展示的代码目的在于学习与认识,要想实际应用可能还需要在细节上做些调整.例如,下面测试的包装器仅仅只是包裹DOM元素,并非选择器之类:$符号未增加冲突处理,且几个重要方法都暴露在全局环境中,没有闭包保护等. 原型以及new函数构造

浏览器扩展系列————给MSTHML添加内置脚本对象【包括自定义事件】

原文:浏览器扩展系列----给MSTHML添加内置脚本对象[包括自定义事件] 使用场合: 在程序中使用WebBrowser或相关的控件如:axWebBrowser等.打开本地的html文件时,可以在html的脚本中使用自己在.net中定义的类,实现与Internet Explorer server的互操作.此外也可以在充分利用html在设计界面方面高效,简单的同时,也可以实现一些复杂的特性. 实现: Code public class ScriptEvent { //Sy

mui开发app之自定义事件以更新其他页内容

我之前做过jquery mobile的开发,那还是前年的事情在jquery mobile中,由于页面是存储在div[data-role=page]的dom中(jqmobile通过对data-role的dom分析解释app的页面布局和切换,不会每次都加载完整的html页面,所以js摆放位置需要尤其注意,不能再head当中,因为不会去读head) <body> <div data-role="page"> <div data-role="heade

[问题贴]mui.openWindow+自定义事件监听操作让alert()执行两次

仔细看,Alert函数执行了两次共两个页面:index.html和detail.html, detail.html为按钮设置了自定义事件监听(newsId),触发alert. 在index.html点击按钮就会触发事件newsId,并用mui.openWindow()打开detail.html页面. 然后我有两个问题: 1. 就是上面提到的alert执行两次? 2. 就是有时候点击按钮并不会有任何操作,是文档没有加载完毕可能,有什么解决方法吗? 具体代码如下: // ---index.html

自定义事件解决重复请求BUG

现在,组件化开发还是比较流行的,毕竟其优点相当突出.最近在开发一个组件的时候,遇到了一个很有意思的BUG... BUG的背景最近在开发一个组件,好不容易开发好了转测试.然后,测试给我提了一个这样的bug,orz... 因为是一个组件,最大的好处就是可以随处复用,随处使用,然而,当一个页面用了多个组件,只有最后一个生效的时候,这个组件就没有什么意义了... BUG原因查找这个组件的初始数据来源的接口是固定的,也就是说,页面内的所有这个组件在初始化的时候都会发出同样的请求,这里的请求是jsonp

javaScript事件机制深入学习(事件冒泡，事件捕获，事件绑定方式，移除事件方式，阻止浏览器默认行为，事件委托，模拟浏览器事件，自定义事件)

前言 JavaScript与HTML之间的交互是通过事件实现的.事件,就是文档或浏览器窗口中发生的一些特定的交互瞬间.可以使用侦听器(或处理程序)来预订事件,以便事件发生时执行相应的代码.这种在传统软件工程中被称为观察员模式的模型,支持页面的行为(JavaScript代码)与页面的外观(HTML和CSS代码)之间的松散耦合. 事件处理程序事件就是用户或浏览器自身执行的某种动作.诸如 click.load 和 mouseover,都是事件的名字. 而响应某个事件的函数就叫做事件处理程序(或事件侦

Angular4.x Event (DOM事件和自定义事件)

Angular组件和DOM元素通过事件与外部进行通信,两者中的事件绑定语法是相同的-(eventName)="expression": <button (click)="onClick()">Click</button> DOM元素 DOM 元素触发的一些事件通过 DOM 层级结构传播,事件首先由最内层的元素开始,然后传播到外部元素,直到它们到根元素,这种传播过程称为事件冒泡. DOM事件冒泡与Angular可以无缝工作,具体示例如下: im

mui.fire()触发自定义事件

导读:添加自定义事件监听操作和标准js事件监听类似,可直接通过window对象添加,通过mui.fire()方法可触发目标窗口的自定义事件. 监听自定义事件添加自定义事件监听操作和标准js事件监听类似,可直接通过window对象添加,如下: window.addEventListener('customEvent',function(event){ //通过event.detail可获得传递过来的参数内容 .... }); 触发自定义事件通过mui.fire()方法可触发目标窗口的自

javascript高级技巧篇（作用域安全、防篡改、惰性载入、节流、自定义事件，拖放）

安全的类型检测在任何值上调用Object原生的toString()方法,都会返回一个[object NativeConstructorName]格式字符串.每个类在内部都有一个[[Class]]属性,这个属性中就指定了各个类型的构造函数名. 使用这种方法判断值属于什么类型最可靠:比如: function isArray(value){ return Object.prototype.toString.call(value)=="[object Array]"; } function

主动触发事件自定义事件 trigger 及其用法

1. 触发自定义事件方式 js.jq 2. jq 触发 2.1 默认支持的事件 $('#h').on('click',function(){ $(this).append('<p>p</p>') }) $('#h').trigger('click'); $('#h').click(); 2.2 自定义事件 $('#h').on('myclick',function(){ $(this).append('<p>p</p>') }) $('#h'

.net 中 C# 简单自定义事件实现

个人认为事件处理机制是一种很好的机制特别是可以方便安全的实现窗口间(子窗口对父窗口,子窗口间等)的消息传递.功能调用下面展现的源自以前论坛上看到的一套方法,可能记得不大准确,所以可能不规范,我的理解和注释也很可能有谬误但在实际操作中能满足需求也没有发现异常. 以实现子窗口引起父窗口控件变化为例父窗口 XAML段 <Window x:Class="EventTransBetweenFroms.MainWindow" xmlns="http://schemas.mi

js：实现自定义事件对象接口

网易2017内推笔试题要求: 请实现下面的自定义事件Event对象的接口,功能见注释(测试1) 该Event对象的接口需要能被其他对象拓展复用(测试2) //测试1 Event.on('test',function(result){ console.log(result); }); Event.on('test',function(){ console.log('test'); }); Event.emit('test','hello world'); //输出'hello world' 和

高级功能：很有用的javascript自定义事件

之前写了篇文章<原生javascript实现类似jquery on方法的行为监听>比较浅显,能够简单的使用场景. 这里的自定义事件指的是区别javascript默认的与DOM交互的事件,比如click,mouseover,change等,有时候我们需要监听某一行为是否发生,很显然默认的行为不够用,比如一个场景.我们写好了tab切换,点击后请求加载隐藏标签的内容. tab切换是非常常用的一个功能,通常会写成组件,如果每次把请求写在组件里肯定对组件拓展和耦合性有影响.这时候我们可以在组件里自定义一

window 自定义事件

热门专题