首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

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

做笔记,以防自己忘记~~ JS获取事件event,不同浏览器有不同的做法。 例如IE下,在js函数中,通过window.event就可以获取,不必在函数中添加什么参数。...感觉这个挺好,可以捕获当前事件作用的对象,如event.srcElement.tagName可以捕获活动标记名称。注意获取的标记都以大写表示,如"TD","TR","A"等。...怎么用,在此详细说明: IE下,event对象有srcElement属性,但是没有target属性;Firefox下,event对象有target属性,但是没有srcElement属性.但他们的作用是相当的...在 ie中处理事件直接使用window.event对象即可,但在firefox中,是没有 window.event对象的,函数需要使用事件的时候,需要在事件发生时把事件作为参数传递给函数,不象在ie...中,事件对象是全局的,随处都可以访 问.下面这个getEvent()函数可以兼容firefox和ie,只需要在访问事件对象的函数的开始调用getEvent()即可,不用再把事件作为 参数传递.以下代码已经实验通过

10.1K50

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); 如果一个函数是被事件调用的,那么,这个函数定义的第一个参数就是事件对象。...ie下:obj.attachEvent(事件名称,事件函数); 1.没有事件捕获 2.事件名称中没有on 3.事件执行顺序 非标准->倒序 4.this指向window function

    1K20

    JavaScript 事件对象

    一.事件对象 事件处理三部分组成:对象.事件处理函数=函数。例如:单击文档任意处。...那么事件对象是什么?它在哪里呢?当触发某个事件时,会产生一个事件对象,这个对象包含着所有与事件有关的信息。包括导致事件的元素、事件的类型、以及其它与特定事件相关的信息。...,是W3C的做法,IE不支持,IE自己定义了一个event对象,直接在window.event获取即可。...四.W3C与IE 在标准的DOM事件中,event对象包含与创建它的特定事件有关的属性和方法。触发的事件类型不一样,可用的属性和方法也不一样。...等同于发生事件的window对象 IE中event对象的属性 属性 类型 读/写 说明 cancelBubble Boolean 读/写 默认值为false,但将其设置为true就可以取消事件冒泡 returnValue

    1.9K100

    JavaScript事件对象

    theme: channing-cyan 这是我参与8月更文挑战的第27天,活动详情查看:8月更文挑战 什么是事件对象 事件对象其实就是event对象,在我们操作DOM发生事件时,所有的相关信息都会被集中存储在这个...event对象中,这个对象中包含了被发生事件的元素,发生事件的类型以及可能与特点事件相关的其他数据,所有浏览器都支持这个event对象,但是ie的访问方式略有不同,我们稍后细说,往下观看。...DOM事件对象 event对象是传给事件处理程序的唯一参数,我们输出一下它看看里面都有什么。...IE事件对象 前面提到过ie的访问方式不同,在ie中event对象可能是window对象中的一个属性。...,只做一下了解吧,毕竟都2021年了,IE马上要退出历史舞台了。

    69030

    浅谈JavaScript的事件事件对象

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

    1.2K60

    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() 用于处理移除事件处理程序操作

    80630

    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

    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

    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

    JSX-事件对象

    JSX 事件参数和原生 JS 一样, React 在执行监听方法会传递一个事件对象给我们但是 React 传递给我们的并不是原生的事件对象, 而是一个 React 自己合成的事件对象(也就是React包裹的一个新的事件对象...这意味着, 合成事件, 对象可能会被重用而且在事件回调函数被调用后,所有的属性都会无效。..., 但是 React 传递给我们的这个事件对象并不是原生的事件对象, 而是 React 根据原生的事件对象自己合成的一个事件对象, 虽然传递给我们的是 React 自己合成的事件对象, 但是提供的 API...和元素的几乎一致, 如果你用到了一个没有提供的 API, 那么你也可以根据合成的事件对象拿到原生的事件对象。...initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="<em>ie</em>

    18400

    touch事件,touchEvent对象

    html> <meta http-equiv="X-UA-Compatible" content="<em>IE</em>...event <em>对象</em>,提供了手指触摸过程中的常见属性。...打印函数返回的 event <em>对象</em>,发现有很多参数,如图: 1.2、touchEvent <em>对象</em>属性 targetTouches - 当前元素目标上 touch 列表。...很多情况下,触摸<em>事件</em>跟鼠标<em>事件</em>会同时触发,目的是为了在pc端运行的时候,没有触摸设备可以使用鼠标代替。...如果可以支持触摸<em>事件</em>,则把鼠标<em>事件</em>使用event.preventDefault()阻止<em>事件</em>发生,此时鼠标<em>事件</em>将失效。如果鼠标和触摸<em>事件</em>都支持时,还有添加多个触摸<em>事件</em>时,具体的执行顺序是怎么的?

    93730

    第53天:鼠标事件、event事件对象

    -->鼠标事件 -->event事件对象 -->默认事件 -->键盘事件(keyCode) -->拖拽效果 一、鼠标事件 onclick ---------------鼠标点击事件 oncontextmenu...con.onmousemove=function(){ 70 c++; 71 console.log(c); 72 } 73 二、event事件对象...event对象只在事件发生的过程中才有效 用途:需要获取和事件相关的信息时使用 如: 获取键盘按下或弹起的按键 获取鼠标的位置坐标 获取事件名称 获取事件生成的日期时间 等等...... event对象中包含了所有与事件相关的信息...所有浏览器都支持event对象,只是支持的方式不一样 FireFox、Chrome等浏览器要获取到event对象,需要从函数中传入,参数名随意 而IE在浏览器中event作为window对象的一个属性存在...6 }else{ 7 ev.returnValue=false;//IE阻止默认事件 8 }; 9 } 10 /*对获取键盘键码的兼容写法

    1K20
    领券