文档建议反馈控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

JS获取事件对象，获取事件的源对象（Firefox，IE）

感觉这个挺好，可以捕获当前事件作用的对象，如event.srcElement.tagName可以捕获活动标记名称。注意获取的标记都以大写表示，如"TD","TR","A"等。...,源     他的意思就是：当前事件的源， 我们可以调用他的各种属性 就像:document.getElementById("")这样的功能， 经常有人问 firefox 下的 event.srcElement...怎么用，在此详细说明： IE下,event对象有srcElement属性,但是没有target属性;Firefox下,event对象有target属性,但是没有srcElement属性.但他们的作用是相当的...在 ie中处理事件直接使用window.event对象即可,但在firefox中,是没有 window.event对象的,函数需要使用事件的时候,需要在事件发生时把事件作为参数传递给函数,不象在ie...中,事件对象是全局的,随处都可以访 问.下面这个getEvent()函数可以兼容firefox和ie,只需要在访问事件对象的函数的开始调用getEvent()即可,不用再把事件作为 参数传递.以下代码已经实验通过

10.1K50

【Java AWT 图形界面编程】事件处理机制 ① ( 事件处理步骤 | 创建事件源对象 -＞ 自定义事件监听器 -＞ 创建监听器实例对象 -＞ 事件源绑定事件监听器 )

事件都被封装在了 Event 中 , 具体的 事件信息可以从 Event 实例对象中获取 ; 事件监听器 : 注册在 事件源 也就是 组件上的 监听器 , 如果监听到 事件发生 , 就会触发指定代码执行...; 再后 , 事件源 生成了 Event 事件对象 , 其中封装了 外部操作 的各种数据 ; 最后 , 事件监听器 监听到了 事件 , 开始 执行 监听器 中的代码 , 在事件监听器中可以获取到事件源...生成的 事件对象 ; 三、事件处理步骤 ---- 事件处理步骤 : 首先 , 创建 事件源 实例对象 , 也就是 Component 组件对象 ; 然后 , 自定义 事件监听器 类 , 该类实现 事件监听器接口..., 需要重写指定的方法 , 一般都使用匿名内部类 ; 再后 , 创建 上述 自定义 事件监听器 实例对象 ; 最后 , 调用 事件源 添加 事件监听器 的函数 , 在 事件源 上 注册 事件监听器 ;...创建 事件源 实例对象 , 也就是 Component 组件对象 Button openButton = new Button("打开文件"); // 3.

99810
    • 您找到你想要的搜索结果了吗？
    是的
    没有找到

    JQ事件和事件对象

    1 事件 一 .鼠标事件    1.ready（）页面载入事件：载入文档节点    2 click（）熟悉的单击事件    3 dbclick（）双击事件    4 mousedown() /mouseup...()/mouseout()和mouseenter（）/mouseleave()的区别    首先来了解一下事件冒泡和捕获     事件冒泡：内部事件先触发，然后在触发外部事件     事件捕获：外部事件先被触发...有两个参数（方法），鼠标一定到指定对象以及移出时会触发 二 键盘事件    1 keydown 键盘按下时触发的事件    2 keyup     键盘松开一瞬间触发的事件    3 keypress...display','block') } //滚动条的距离scrollTop()和scrollLeft() })  2 事件对象...  JQ在事件函数中默认传递了参数event对象，    一  event对象属性        1 event .type   描述事件的类型        2 event.target  触发该事件的

    4.1K20

    event事件对象

    event: 事件对象，当一个事件发生的时候，和当前这个对象发生的这个事件有关的一些详细信息都会被临时保存到一个指定的地方-event对象，供我们在需要的时候调用。...事件对象必须在一个事件调用的函数里面使用才有内容 事件函数：事件调用的函数，一个函数是不是事件函数，不在定义的时候决定，而是取决于谁调用这个函数。...注意兼容：ie/chrome ：event是一个内置的全局变量 标准下的浏览器:事件对象是通过事件函数的第一个参数传入的。...（非标准浏览器ie 6 、7不支持，非标准支持event）； 如果一个函数是被事件调用的，那么，这个函数定义的第一个参数就是事件对象。...，事件函数，是否捕获) 1.有捕获 2.事件名称中没有on 3.事件执行是正序 4.this指向该触发事件的对象 //第三个参数:是否捕获（默认是false） false：冒泡 true：是捕获

    1K20

    JavaScript 事件对象

    一．事件对象 事件处理三部分组成：对象.事件处理函数=函数。例如：单击文档任意处。...onclick表示一个事件处理函数或绑定对象的属性(或者叫事件监听器、侦听器)。document表示一个绑定的对象，用于触发某个元素区域。function()匿名函数是被执行的函数，用于触发后执行。...}; 从上面的拆分，我们并没有发现本章的重点：事件对象。...那么事件对象是什么？它在哪里呢？当触发某个事件时，会产生一个事件对象，这个对象包含着所有与事件有关的信息。包括导致事件的元素、事件的类型、以及其它与特定事件相关的信息。...事件对象，我们一般称作为event对象，这个对象是浏览器通过函数把这个对象作为参数传递过来的。那么首先，我们就必须验证一下，在执行函数中没有传递参数，是否可以得到隐藏的参数。

    1.9K100

    JavaScript事件对象

    theme: channing-cyan 这是我参与8月更文挑战的第27天，活动详情查看：8月更文挑战 什么是事件对象 事件对象其实就是event对象，在我们操作DOM发生事件时，所有的相关信息都会被集中存储在这个...event对象中，这个对象中包含了被发生事件的元素，发生事件的类型以及可能与特点事件相关的其他数据，所有浏览器都支持这个event对象，但是ie的访问方式略有不同，我们稍后细说，往下观看。...DOM事件对象 event对象是传给事件处理程序的唯一参数，我们输出一下它看看里面都有什么。...我们说一下this指向问题 在事件处理程序内部，this对象始终等于currentTarget的值。...IE事件对象 前面提到过ie的访问方式不同，在ie中event对象可能是window对象中的一个属性。

    69030

    浅谈JavaScript的事件（事件对象）

    在触发DOM上的某个事件时，会产生一个事件对象event，这个对象中包含这所有与事件有关的信息。包括导致事件的元素、事件的类型和事件的相关信息。例如鼠标操作的事件中，会包含鼠标的位置信息。...而键盘触发的事件会包含与按下的键有关信息。所有浏览器都支持event对象，但支持方式不同。 DOM中的事件对象 　　兼容dom的浏览会将一个event对象传递到事件处理程序中。...document.body.onclick发生在事件的冒泡阶段。 IE中的事件对象 　　在IE中方式event对象可以通过多种方式，取决于指定事件处理程序的方法。...但是如果通过attachEvent添加事件，则事件处理程序会传递一个event对象。 　　IE的event对象同样包含创建它的相关属性和方法，与DOM事件一样，也会因为事件类型的不同而不同。...，包括添加事件、移除事件、获取事件对象、获取事件的目标元素、阻止默认行为和阻止冒泡。

    1.2K60

    jQuery （事件、拷贝）对象

    1. jQuery 事件对象 jQuery 对DOM中的事件对象 event 进行了封装，兼容性更好，获取更方便，使用变化不大。事件被触发，就会有事件对象的产生。...jQuery 拷贝对象 jQuery中分别为我们提供了两套快速获取和设置元素尺寸和位置的API，方便易用，内容如下。...: s.extend ([deep], target, object1, [objectN] ) 1. deep:如果设为true为深拷贝，默认为false 浅拷贝 2. target:要拷贝的目标对象...3. object1:待拷贝到第一个对象的对象。...4. objectN:待拷贝到第N个对象的对象。 5.浅拷贝目标对象引用的被拷贝的对象地址，修改目标对象会影响被拷贝对象。 6.深拷贝，前面加true，完全克隆，修改目标对象不会影响被拷贝对象。

    65330

    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

    91150

    JavaScript事件对象与事件处理程序

    一、事件对象 事件对象：在DOM触发事件时，会产生一个事件对象event,这个事件对象包含着所有与事件相关的信息。...既然event是事件对象，那么它必然存在属性 　　①DOM中的事件对象event属性 　　（1）、type属性用于获取事件类型 　　（2）、target、srcElement...属性用于获取事件目标 　　（3）、stopPropagation()方法 用于阻止事件冒泡 　　（4）、preventDefault() 方法 阻止事件的默认行为 二、DOM2级事件处理程序...　　（1）、addEventListener() 用于处理指定事件处理程序操作 　（2）、removeEventListener() 用于处理删除事件处理程序操作 三、IE事件处理程序 　　（1...）、attachEvent() 用于处理指定事件处理程序操作 　（2）、detachEvent() 用于处理移除事件处理程序操作

    80730

    webapi（五）- 事件对象

    事件对象 含义 当事件触发的时候 ,会产生对象,记录一些事件和有关信息 获取 事件处理函数中，形参就是事件对象 document.addEventListener('click' , function(...e) { // e就是事件对象 // 关于事件对象，如果需要使用，就写上形参e,不需要使用，可以忽略不写 console.log(e) }) 事件对象常用属性...事件冒泡 阻止事件流动 语法 事件对象.stopPropagation() 此方法可以阻断事件流动传播，不光在冒泡阶段有效，捕获阶段也有效 let fa = document.querySelector...实现： 事件对象.target 可以获得真正触发事件的元素 使用tagName属性可以得到元素名（注意得到的元素名是大写） 案例：点击p元素 出现弹框 传统做法 let box = document.querySelector...('click' , function(e) { //事件对象.target 可以获得真正触发事件的元素,使用tagName可以得到元素名（注意是大写） console.log(e.target

    1K20

    前端基础-事件对象

    第4章 事件对象 4.1 概述 事件的触发，大部分情况下是用户的一种行为，也就是说，我们并不能确定用户什么时间触发； 而且，由于事件的传播机制，我们甚至不能确定事件具体触发在哪个节点；这是一件很不爽的事情...事件发生以后，系统会调用我们写好的事件处理程序 系统会在调用处理程序时，将事件发生时有关事件的一切信息，封装成一个对象， 作为参数传给监听函数(事件处理程序)，我们把这个对象称为 事件对象。...有关事件发生的一切信息，都包含在这个事件对象中； 根据事件类型的不同，事件对象中包含的信息也有所不同； 如点击事件中，包含鼠标点击的横纵坐标位置，键盘事件中，包含键盘的键值等； ...4.2 事件对象中的常用属性及方法 4.2.1属性 event.bubbles:属性返回一个布尔值，表示当前事件是否会冒泡; event.eventPhase：返回一个整数值，表示事件流在传播阶段的位置...1:事件目前处于捕获阶段。 2:事件到达目标节点。 3:事件处于冒泡阶段。

    48210

    【Web APIs】JavaScript 事件基础 ① ( JavaScript 事件简介 | “ 事件 “ 概念 | “ 事件 “ 三要素 - 事件源 事件 事件处理程序 | 事件类型 )

    getElementById 函数参考文档 : https://developer.mozilla.org/zh-CN/docs/Web/API/Document/getElementById Element 对象参考文档...querySelectorAll 函数 : https://developer.mozilla.org/zh-CN/docs/Web/API/Document/querySelectorAll NodeList 对象..., 如 : 点击 某个 标签元素 , 弹出对话框 ; 2、" 事件 " 三要素 - 事件源 / 事件 / 事件处理程序 " 事件 " 三要素 : 事件源 Event Source : 触发 " 事件..." 的 HTML 标签元素 , 如 : 按钮、链接、表单域 ; 事件源 可以是任何能接收事件的 HTML 元素或者浏览器窗口本身 ; Click meClick me 标签设置点击事件 , 这是 " 事件源 " ; 事件类型为 click 类型 , 是 点击事件 ; 事件处理程序是下面的函数

    10910

    JSX-事件对象

    JSX 事件参数和原生 JS 一样, React 在执行监听方法会传递一个事件对象给我们但是 React 传递给我们的并不是原生的事件对象, 而是一个 React 自己合成的事件对象(也就是React包裹的一个新的事件对象...这意味着, 合成事件, 对象可能会被重用而且在事件回调函数被调用后，所有的属性都会无效。...当组件在挂载或卸载时，只是在这个统一的事件监听器上插入或删除一些对象当事件发生时，首先被这个统一的事件监听器处理，然后在映射里找到真正的事件处理函数并调用这样简化了事件处理和回收机制，提升了效率官方文档..., 但是 React 传递给我们的这个事件对象并不是原生的事件对象, 而是 React 根据原生的事件对象自己合成的一个事件对象, 虽然传递给我们的是 React 自己合成的事件对象, 但是提供的 API...和元素的几乎一致, 如果你用到了一个没有提供的 API, 那么你也可以根据合成的事件对象拿到原生的事件对象。

    18400

    touch事件，touchEvent对象

    touchcancel - 触摸过程中被系统取消时触发 (很少使用) touch 事件与mouse事件区别： touchstart：手指按下，mousedown：鼠标按下。...event 对象，提供了手指触摸过程中的常见属性。...打印函数返回的 event 对象，发现有很多参数，如图： 1.2、touchEvent 对象属性 targetTouches - 当前元素目标上 touch 列表。...很多情况下，触摸事件跟鼠标事件会同时触发，目的是为了在pc端运行的时候，没有触摸设备可以使用鼠标代替。...如果可以支持触摸事件，则把鼠标事件使用event.preventDefault()阻止事件发生，此时鼠标事件将失效。如果鼠标和触摸事件都支持时，还有添加多个触摸事件时，具体的执行顺序是怎么的？

    93730

    准确获取事件源的任意父级元素（事件委托）

    通常我们都会使用事件源e.target来获取点击的元素，从而可以知道我们点击的是谁。...当我们处理的结构是像这样简单的ul > li时，这种方法就非常好用，e.target获取到的事件源就是li 1 2... 抛出问题 在上面的代码中我们发现，我们通过事件源...e.target不能直接的获取到我们想要的li了，从而导致我们获取不到id无从下手 解决方法 下面我通过另一种方法很好的解决了这个问题 在我们的事件对象event中，存在着一个方法path，这个方法可以返回事件触发的所有父元素...，在实际开发中列表项中往往会有大量的子元素，因此我们可以通过事件对象下的path方法以及数组中的find方法选择出我们所要的列表项节点。

    2.6K30
    点击加载更多

    扫码

    添加站长 进交流群

    领取专属 10元无门槛券

    手把手带您无忧上云

    扫码加入开发者社群

    相关资讯

    热门标签

    更多标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      腾讯云开发者

      扫码关注腾讯云开发者

      扫码关注腾讯云开发者

      领取腾讯云代金券

      热门产品

      热门推荐

      更多推荐

      Copyright © 2013 - 2024 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

      深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 深公网安备号 44030502008569

      腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号 | 京公网安备号11010802020287

      领券