首页
学习
活动
专区
圈层
工具
发布

事件对象的使用、属性和方法

和this来确定是不是由于冒泡而触发的,经常用于事件冒泡时处理事件委托 3 事件对象是用来记录一些事件发生时的相关信息的对象。...事件对象只有事件发生时才会产生,并且只能是事件处理函数内部访问,在所有事件处理函数运行结束后,事件对象就被销毁 4 jQuery事件对象的作用 li都有一个共同的父元素,而且所有的事件都是一致的...3 11 event.currentTarget : 在事件冒泡过程中的当前DOM元素,冒泡前的当前触发事件的DOM对象, 等同于this 12 this和event.target的区别...this是可以变化的,但event.target不会变化,它永远是直接接受事件的目标DOM元素 13 .this和event.target都是dom对象,使用jquey中的方法可以将他们转换为...jquery对象,比如this和$(this)的使用、event.target和$(event.target)的使用 转帖:http://blog.51cto.com/lakaodekaola/2085868

2.2K30

jQuery 事件(三) 事件的绑定和解绑、对象的使用、自定义事件

() 事件对象的使用 jQuery事件对象的作用 标准的”click”点击事件 $(elem).on("click",function(event){ event //事件对象 }) 在不同浏览器之间事件对象的获取...jQuery根据 W3C 标准规范了事件对象,所以在jQuery事件回调方法中获取到的事件对象是经过兼容后处理过的一个标准的跨浏览器对象 ...DOM元素; .this和event.target都是dom对象 如果要使用jquey中的方法可以将他们转换为jquery对象。...false或调用事件对象中的.stopPropagation() 方法可以使事件停止冒泡 trigger事件是具有触发原生与自定义能力的,但是存在一个不可避免的问题: 事件对象event无法完美的实现...() 会影响所有与 jQuery 对象相匹配的元素,而 .triggerHandler() 仅影响第一个匹配到的元素 使用 .triggerHandler() 触发的事件,并不会在 DOM 树中向上冒泡

4.9K30
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    浅谈JavaScript的事件(事件对象)

    在触发DOM上的某个事件时,会产生一个事件对象event,这个对象中包含这所有与事件有关的信息。包括导致事件的元素、事件的类型和事件的相关信息。例如鼠标操作的事件中,会包含鼠标的位置信息。...而键盘触发的事件会包含与按下的键有关信息。所有浏览器都支持event对象,但支持方式不同。 DOM中的事件对象   兼容dom的浏览会将一个event对象传递到事件处理程序中。...,可以使用preventDefault方法。...document.body.onclick发生在事件的冒泡阶段。 IE中的事件对象   在IE中方式event对象可以通过多种方式,取决于指定事件处理程序的方法。...最好不用this,可以使用srcElement来获取元素。   如前所述,returnValue属性相当于DOM中的preventDefault方法,它们的作用都是取消给定事件的默认行为。

    1.6K60

    JavaScript中的对象管理和事件清理

    :当对象被收集时执行某些操作根据情况,我们可能需要这些功能中的一个或另一个,但我今天想描述的情况将使用第一个和最后一个功能。...一个常见的情况是对象关心某些外部状态的变化,只要它们存在就要关注。例如,自定义元素可能希望在window对象上监听"scroll"事件。但是,简单地向window添加事件侦听器意味着保留对对象的引用。...如果这些自定义元素的生命周期很短但数量很多,它们将在内存中累积,并且额外的事件侦听器也会堆积并浪费处理能力。...为了实现这一点,我们可以利用两个特性:首先,将事件侦听器中对this的强引用替换为WeakRef将阻止事件侦听器在没有其他引用存在时保持对象活跃。...清理事件侦听器的一种简单方法是将AbortController与FinalizationRegistry结合使用。

    67900

    networkx中的对象的使用

    在开发过程中,nx的节点是我自己定义的字典,由于业务需求,我需要将其抽象成一个对象,下面来讲讲我的具体操作流程。...这个时候我有两种解决方法:1.在创建节点时使用一个字典将perma_id和节点对象关联起来,查询信息时就直接将perma_id映射到节点对象,然后再去查询,字典查询的复杂度永远为O(1),但是会有额外的字典存储的空间开销...,所以在大规模数据场景下,使用filter会带来额外的查询时间开销,所以方法的选择还是要看具体的应用场景,我选择了使用字典映射的方法,因为我的node节点具体业务中也才不过几千个而已。...同时,如果使用的是字典类型的数据,也可以使用映射或者filter的方法去获取字典的详细数据,也可以将字典映射存储到数据库中,或者将节点和边存储到数据库中,而不是存储整个图结构。...也可以使用专门的图数据库进行复杂网络的研究,但是它们往往在个人开发中的显得比较臃肿,小型项目里面又显得成本比较昂贵,所以nx不失为一个优雅的选择。当然,各位看官大大们如果有更好的方法也欢迎交流学习。

    68620

    JavaScript事件对象与事件的委托

    事件对象 包含事件相关的信息,如鼠标、时间、触发的DOM对象等  js默认将事件对象封装好,并自动的以参数的形式,传递给事件处理函数的第1个参数,如下: document.getElementsByTagName...("div")[0].onclick = function(e){   e = window.event || e; //兼容IE低版本(事件对象绑定在window的event上)   console.log...(e);//这里e就是事件对象 } 事件的属性和方法 type:获取事件类型(click、mouseover等等) target:获取发生的所在元素(在低版本IE下用srcElement属性) stopPropagation...() 阻止事件冒泡(IE用cancelBubble属性为false阻止冒泡) preventDefault() 阻止事件默认行为(IE用returnValue属性为false阻止默认行为) 事件委托 利用...target属性,获取时间发生的所在对象,避免全体子元素加事件,对比如下:  var tbs=document.getElementsByTagName("td"); for(var i=0;i

    1.2K50

    WinForm 应用程序的事件参数

    在 WinForm 应用程序的事件驱动编程模型中,事件参数是事件处理方法中的重要组成部分,它包含了与事件相关的额外信息。不同类型的事件可能有不同类型的事件参数,下面将详细介绍如何处理常见的事件参数。...例如,鼠标事件的参数可能包含鼠标的位置、点击的按钮等信息;键盘事件的参数可能包含按下的键的信息。在事件处理方法中,通常可以通过事件参数对象来获取这些信息,并根据需要进行相应的处理。 2....通过检查这些属性,可以实现对特定键盘组合键的处理。 3. 自定义事件参数 除了使用系统提供的事件参数类型,你还可以自定义事件参数类型,以便在自定义事件中传递特定的信息。...在按钮的 Click 事件处理方法中,触发自定义事件并传递自定义事件参数对象。在自定义事件的处理方法中,可以通过事件参数对象获取传递的信息并进行处理。 4....总结 处理事件参数是 WinForm 应用程序开发中事件驱动编程的重要环节。通过理解不同类型事件的事件参数类型,并掌握如何访问和使用这些参数中的信息,可以实现更加灵活和丰富的交互功能。

    46510

    JS获取事件对象,获取事件的源对象(Firefox,IE)

    做笔记,以防自己忘记~~ JS获取事件event,不同浏览器有不同的做法。 例如IE下,在js函数中,通过window.event就可以获取,不必在函数中添加什么参数。...也可以用Prototype或者JQuery等,它们有他们对事件的包装。还是使用JS库比较好,不然就有下边的麻烦。...同时注意event的 兼容性问题。  感觉这个挺好,可以捕获当前事件作用的对象,如event.srcElement.tagName可以捕获活动标记名称。...在 ie中处理事件直接使用window.event对象即可,但在firefox中,是没有 window.event对象的,函数需要使用事件的时候,需要在事件发生时把事件作为参数传递给函数,不象在ie...中,事件对象是全局的,随处都可以访 问.下面这个getEvent()函数可以兼容firefox和ie,只需要在访问事件对象的函数的开始调用getEvent()即可,不用再把事件作为 参数传递.以下代码已经实验通过

    11.9K50

    Java中对象数组的使用

    Java对象数组使用 一、Java数组的使用 二、Java的对象数组 2.1 问题提出 2.2 问题解析 2.3 问题拆分 2.4 代码实现 一、Java数组的使用 对象数组其实和Java的数组类似的,...所以要很清楚Java的数组是如何使用的,如果有不懂的可以点下面这个链接Java数组的使用 二、Java的对象数组 2.1 问题提出 为什么会有对象数组呢?...今天我们来教大家如何使用对象数组来解决这个问题,对象数组,我们前面学过Java(OOP)编程—(Java OOP编程),想必大家也对面向对象这个词也会稍微有了一些了解,对象数组就是可以存放多种不同的数据类型...接下来我就来告诉大家如何使用对象数组,完成这个成绩排序的问题 2.3 问题拆分 我们可以把问题简化一下,输入五个学生的成绩,然后进行排序打印输出 先创建一个学生类 给学生类添加学生的信息—姓名,学号,成绩...,学号,成绩 为了方便,我把两个文件放进了同一个包中使用 package A /** * @author gorit * @date 2019年4月10日 * 对象数组学生类的创建 * */

    11.1K20

    前端学习(50)~事件的绑定和事件对象

    绑定事件的两种方式/DOM事件的级别 我们在之前的一篇文章《04-JavaScript/22-DOM简介和DOM操作》中已经讲过事件的概念。...不存在响应函数被覆盖的情况。执行顺序是:事件被触发时,响应函数会按照函数的绑定顺序执行。 addEventListener()中的this,是绑定事件的对象。...addEventListener()不支持 IE8 及以下的浏览器。在IE8中可以使用attachEvent来绑定事件(详见下一小段)。...attachEvent()中的this,是window 兼容性写法 上面的内容里,需要强调的是: addEventListener()中的this,是绑定事件的对象。...浏览器每次都会将这个事件event作为实参传进之前的响应函数。 这个对象中包含了与当前事件相关的一切信息。比如鼠标的坐标、键盘的哪个按键被按下、鼠标滚轮滚动的方向等。

    1.3K20

    关于mui 中开发App中fire事件的使用

    想解决的问题 你是不是想在混合开发中子页面返回父页面中触发父页面的事件 首先你得对mui开发混合app有所了解,然后你就会知道,其实坑特别多 先创建一个H5+APP就是下面这样样子 然后就按照你一般的操作新建一个...() { 这里是页面初始化 }); 然后当前页面,你该写什么内容就写什么内容,根据你的想法或者UI设计的原型图完美的去实现这个页面下面就是我实现的页面...然后重点来了,打开页面并返回当前页面并且触发事件,最好是采用下面这种 方式,记住id很重要,一定记得要写 mui.openWindow({...id: "index.html" }) 然后下一个页面很重要了哈,如果当你需要关闭当前页面返回上一个页面并且想触发事件的话...,比如什么刷新啊, 改变状态啊,等等,具体还是要看自己的逻辑 }); }); 以上就是分享的内容啦,不懂的可以留言,大家一起努力( ^_

    1.1K40

    selecpoll中的读写事件和epoll中的读写事件

    在Linux网络编程中,常常使用select和poll来做事件触发,监听socket的读写状态,然后进行读写操作。...现在新的linux内核中,增加了epoll事件触发机制,具有更高的性能和更好的设计理念,可以用它来完全代替select和poll。...(引自《使用EPOLL进行网络编程》,这篇文章主要是进行一个读写事件的总结,不会过多地讨论epoll,而且本人也是初学) 一、select/poll中的读写事件 1.下列四个条件中的任何一个满足时,...可以使用套接字选项SO_RCVLOWAT来设置低潮限度,对于TCP和UDP套接字,其值缺省为1 b. 连接的度这一半关闭,也就是说接收了FIN的TCP连接。...) 写事件的发生 1、连接建立成功后可写(accept获取的套接字或者客户端建立连接的套接字) 2、缓冲区可写 通过上面的分别阐述,epoll的读写事件区分要比select/poll清晰一些,epoll

    3.6K40

    XMLHttpRequest对象的属性和事件分析

    使用它: 在不重新加载页面的情况下更新网页 在页面已加载后从服务器请求数据 在页面已加载后从服务器接收数据 在后台向服务器发送数据 所有现代的浏览器都支持 XMLHttpRequest 对象。...创建 XMLHttpRequest 对象 xmlhttp=new XMLHttpRequest(); 一个经由XMLHttpRequest对象发送的HTTP请求并不要求页面中拥有或回寄一个<form>元素...AJAX中的"A"代表了"异步",这意味着XMLHttpRequest对象的send()方法可以立即返回,从而让Web页面上的其它HTML/JavaScript继续其浏览器端处理而由服务器处理HTTP请求并发送响应...XMLHttpRequest对象的属性和事件  当XMLHttpRequest对象把一个HTTP请求发送到服务器时将经历若干种状态:一直等待直到请求被处理;然后,它才接收一个响应。  ...onreadystatechange事件 无论readyState值何时发生改变,XMLHttpRequest对象都会激发一个readystatechange事件。

    1.1K00

    Spring中的事件

    事件 2.1. Spring中内置的事件 2.2. 自定义事件 3. 监听器 3.1. 实现ApplicationListener接口 3.2. 使用@EventListener注解 4....使用@Async实现异步 6.2. 自定义事件多播器 7. 源码解析 简介 学过编程语言的肯定知道事件,在JS中事件,Android中的事件,大多是鼠标点击,键盘事件,手指滑动事件等等。... { /** * 重载方法,被监听的事件触发了就会调用这个方法 * @param event 触发事件的对象 */...,当然我们监听的是Spring内置的事件,在容器启动的时候Spring会使用事件发布器发布事件,此时才是真正的触发事件,我们自定义的事件并不能被监听,除非被事件发布器发布。...前面创建的事件和监听器都是同步进行,我们可以使用异步事件 使用@Async实现异步 Spring中可以使用@Async注解标注方法异步执行,不过需要在配置类上开启异步功能,使用@EnableAsync

    1.7K20

    使用Python中的ImageAI进行对象检测

    对象检测的两个主要目标包括: 识别图像中存在的所有对象 筛选出关注的对象 在本文中,您将看到如何在Python中执行对象检测。 用于对象检测的深度学习 深度学习技术已被证明可解决各种物体检测问题。...图像AI ImageAI是一个Python库,旨在使开发人员能够使用几行简单的代码来构建具有独立的深度学习和计算机视觉功能的应用程序和系统。...使用ImageAI执行对象检测 现在,让我们看看如何实际使用ImageAI库。我将逐步解释如何使用ImageAI构建第一个对象检测模型。 第1步 我们的第一个任务是创建必要的文件夹。...detector.loadModel() 步骤9 要检测图像中的对象,我们需要detectObjectsFromImage使用detector在上一节中创建的对象来调用函数。...结论 对象检测是最常见的计算机视觉任务之一。本文通过示例说明如何使用ImageAI库在Python中执行对象检测。

    3.4K11

    在处理PowerBuilder的itemchanged事件中,acceptText的使用介绍

    在窗口的itemchanged事件中,获取当前输入的值时,往往是无法拿到值的,此时值还没有提交, 所以获取的都是null,此时可以通过使用dwcontrol.acceptText() 来设置值的提前存储...end if 此处的dw_3.accepttext()可以将还没有提交的检验项目jyxm提交到缓存中,并使用....注意点: 通常情况下,当用户移动到DataWindow中的新单元格时,新数据将被验证和接受。 如果新数据导致错误,将显示一个消息框,这将导致DataWindow失去焦点。...如果您还将LoseFocus事件或从LoseFocus发布的事件编码为调用AcceptText以在控件失去焦点时验证数据,则此AcceptText会因为消息框而运行,并触发验证错误的无限循环。...为了避免发生这种问题,在使用AcceptText时,要确定此时的鼠标焦点已经离开选中的框中。

    2.1K20
    领券