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

浅谈JavaScript事件事件对象

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

1.2K60

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

也可以用Prototype或者JQuery等,它们有他们对事件包装。还是使用JS库比较好,不然就有下边麻烦。...同时注意event 兼容性问题。  感觉这个挺好,可以捕获当前事件作用对象,如event.srcElement.tagName可以捕获活动标记名称。...怎么用,在此详细说明: IE下,event对象有srcElement属性,但是没有target属性;Firefox下,event对象有target属性,但是没有srcElement属性.但他们作用是相当...在 ie中处理事件直接使用window.event对象即可,但在firefox中,是没有 window.event对象,函数需要使用事件时候,需要在事件发生时把事件作为参数传递给函数,不象在ie...中,事件对象是全局,随处都可以访 问.下面这个getEvent()函数可以兼容firefox和ie,只需要在访问事件对象函数开始调用getEvent()即可,不用再把事件作为 参数传递.以下代码已经实验通过

10K50
您找到你想要的搜索结果了吗?
是的
没有找到

JavaScript事件对象事件委托

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

88850

【JAVA面向对象编程】--- 探索子类如何继承

注意事项: 1.当调用含参构造方法时系统就不会自动调用无参构造方法 2.对象属性初始化一定得调用构造方法 3.子类构造方法:当我们构造Dog时要先调用它构造方法---> (1).先帮助类初始化...【不带参数默认叫咪咪,带参数需要自己传】 类初始化虽然执行了构造方法,但没有生成对象,这里只是帮助子类初始化从父类继承过来属性。...总结: 在子类构造方法中,并没有写任何关于基类构造代码,但是在构造子类对象(穿件对象)时,先执行基类(类)构造方法,然后执行子类构造方法, 因为: **子类对象中成员是有两部分组成...父子父子肯定是先有再有子,所以在构造子类对象时候 ,先要调用基类构造方法,将从基类继承下来成员构造完整,然后再调用子类自己构造方法,将子类自己新增加成员初始化完整**。...注意: 1,若类显式定义无参或者默认构造方法,在子类构造方法第一行默认有隐含super(调用,即调用基类构造方法 2.如果类构造方法是带有参数,此时需要用户为子类显式定义构造方法,并在子类构造方法中选择合适类构造方法调用

7510

在__init__中设置对象

1、问题背景在Python中,可以为对象设置一个类,从而实现继承。但是,如果想要在实例化对象时动态地指定类,则会出现问题。...例如,以下代码试图在实例化Circle对象时,将它类设置为Red或Blue:class Red(object): def x(self): print('#F00')class...(parent=Red)blue_circle = Circle(parent=Blue)blue_square = Square(parent=Blue)但是,这段代码会报错,因为在Python中,对象类只能在类定义时指定...如果parent是Blue,则创建两个类,Circle和Square,它们类都是Blue。最后,它返回创建类。这样,我们就可以在实例化对象时动态地指定对象类了。第二个解决方案是使用依赖注入。...依赖注入是一种设计模式,它可以将对象依赖关系从对象本身中解耦出来。这样,就可以在实例化对象时动态地注入它依赖关系。

7810

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

("事件2"); } 点击按钮后,上方代码打印结果: 事件2 我们可以看到,DOM对象.事件 = 函数这种绑定事件方式:一个元素一个事件只能绑定一个响应函数...不存在响应函数被覆盖情况。执行顺序是:事件被触发时,响应函数会按照函数绑定顺序执行。 addEventListener()中this,是绑定事件对象。...当事件响应函数被触发时,会产生一个事件对象event。...浏览器每次都会将这个事件event作为实参传进之前响应函数。 这个对象中包含了与当前事件相关一切信息。比如鼠标的坐标、键盘哪个按键被按下、鼠标滚轮滚动方向等。...此时,事件对象 event 是作为window对象属性保存。 于是,我们可以采取一种兼容性写法。

91920

FlashFlex学习笔记(35):如何正确监听Stage对象事件

如果想在一个自定义类中注册对stage对象监听事件,然后在另一个文档类中使用该类实例(或在fla时间轴上使用该类实例),你会很郁闷发现:在构造函数中始终无法引用到this.stage(用trace...(this.stge)会一直返回null),既然引用都得不到,当然也就无法注册事件了,正确做法如下: package{ import flash.display.Sprite; import...MouseDownHandler(e:Event):void{ trace("you clicked the stage"); } } } 即必须在ADDED_TO_STAGE事件以后...,才能引用到stage对象,当然还有一个提前是该类实例必须被addChild,比如象下面这样,可以在fla时间轴帧代码中这样使用: var mycls:MyClass = new MyClass()

1K50

【JavaSE专栏63】多态,类引用子类对象,面向对象编程中重要概念

多态是面向对象编程中一个重要概念,它允许使用引用变量来引用子类对象,实现对不同子类对象统一处理。...当一个类引用变量指向一个子类对象时,可以通过这个类引用变量调用子类中重写方法。...---- 三、如何进行多态 在 Java 中,实现多态基础是继承和方法重写,下面是一个简单示例代码来说明多态实现,请同学们认真学习。...具体来说,通过继承和方法重写,子类可以重写方法,并且通过类引用变量来引用不同子类对象,实现对不同对象统一处理。 二、多态实现方式有哪些?...通过类引用变量来引用猫类和狗类对象,并调用 eat() 方法,可以实现不同动物对象不同行为。

35330

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

1 event.target代表当前触发事件元素,可以通过当前元素对象一系列属性来判断是不是我们想要元素 2 target属性可以是注册事件元素或者子元素,通常用于比较event.target...和this来确定是不是由于冒泡而触发,经常用于事件冒泡时处理事件委托 3 事件对象是用来记录一些事件发生时相关信息对象。...事件对象只有事件发生时才会产生,并且只能是事件处理函数内部访问,在所有事件处理函数运行结束后,事件对象就被销毁 4 jQuery事件对象作用 li都有一个共同元素,而且所有的事件都是一致...()阻止事件冒泡,为防止事件冒泡到DOM树上,也就是不触发任何前辈元素上事件处理函数 9 event.which获取在鼠标单击时,单击是鼠标的哪个键 10 event.which...3 11 event.currentTarget : 在事件冒泡过程中的当前DOM元素,冒泡前的当前触发事件DOM对象, 等同于this 12 this和event.target区别

1.5K30

子组件传对象组件_react子组件改变组件状态

大家好,又见面了,我是你们朋友全栈君。...子组件传值给组件 首先 子组件(组件名“Child”)内定义一个方法 例如 sendData = () => { let data = ‘1234’; this.props.getData(data...); //这个this,props.xxx 后面的xxx是是在组件那使用名字; }, 然后可以在render函数后使用这个方法或者另外定义一个事件去触发该方法进行传值, 之后可在组件(Parent...)内使用这个方法获取拿到值: Parent组件内:首先定义一个方法getData或者其他什么都可以随便取 ,这里this.getData这个方法是你随便取那个,例如getData=this.xxx...都可以,但是你这里是this.xxx,组件内定义方法就必须名字叫xxx, 然后就是 xxx = (data) => { console.log(data); //此时就会打印 子组件传给组件

2.7K30

PHP面向对象-子类对类成员访问(二)

访问继承方法子类可以继承方法,并且可以覆盖它们以实现自己行为。子类可以调用继承方法,包括公共、保护和私有方法。...然后我们定义了一个Dog类,它继承自Animal类,并添加了一个公共bark()方法、一个公共walkAndBark()方法和一个公共eat()方法。...在Dog类中,我们调用了继承walk()方法,并且使用$this->语法调用了自己bark()方法。我们还覆盖了继承eat()方法,以实现自己行为。...在子类中,可以调用继承公共和保护方法,但不能直接调用继承私有方法。如果需要调用继承私有方法,可以在类中添加一个公共调用器方法。在子类中,还可以覆盖继承方法以实现自己行为。...在覆盖方法时,可以使用parent::语法调用方法。在上面的示例中,Dog类覆盖了继承eat()方法,并使用echo语句输出了自己行为。

89050

Java子类与类之间对象转换(说明继承)

参考链接: 类和子类在Java中具有相同数据成员 在使用Java多态机制时,常常使用一个特性便是子类和类之间对象转换。...从子类向转换称为向上转换(upcasting),通过向上转换,我们能够在编写程序时采用通用程序设计思想,在需要使用子类对象时候,通过把变量定义为类型,我们可以通过一个变量,使用该类型所有子类型实例...以下是我对于对象转换一些个人理解,如有不对,欢迎指正,虚心向大神们请教。    首先是从子类向向上转换。...向上转换比较直观,总是能够将一个子类实例转换为一个对象,从继承链角度,这个特性很容易理解:继承是一种“是一种”关系,从父类派生出子类,我们都能理解为,子类总是一个实例。...所以,如果没有使用instanceof防止不同子类型之间对象转换,而又不能指望编译器检查出这种转换逻辑错误的话,就很容易犯错了。

3.6K20

PHP面向对象-子类对类成员访问(一)

在PHP面向对象编程中,子类可以继承属性和方法,并且可以访问和修改它们。子类可以通过继承和覆盖方法来实现自己行为,也可以通过调用方法来扩展行为。...访问继承属性子类可以继承属性,并且可以使用它们来实现自己行为。子类可以访问继承属性,包括公共、保护和私有属性。...属性、一个保护age属性和一个私有的color属性,以及一个公共getInfo()方法。...我们创建了一个Dog对象,并使用继承getInfo()方法访问了属性。在子类中,我们使用parent::__construct()方法调用构造函数来设置继承属性。...在子类中,可以访问继承公共和保护属性,但不能直接访问继承私有属性。如果需要访问继承私有属性,可以在类中添加一个公共访问器方法。

1.2K20
领券