精华内容
下载资源
问答
  • 2021-01-11 22:07:15

    一、指代不同

    1、document对象:代表给定浏览器窗口中的HTML文档,document是window的一个对象属bai性。
    2、window对象:表示浏览器中打开的窗口。

    二、作用不同

    1、document对象:使用document对象可以对HTML文档进行检查、修改或添加内容,并处理该文档内部的事件。

    2、window对象:浏览器会为HTML文档创建一个window对象,并未每个框架创建一个额外的window对象。

    三、使用方式不同:
    1、document对象:在Web页面上,document对象可通过window对象的document属性引用,或者直接引用。
    2、window对象:没有应用于window对象的公开标准,不过所有浏览器都支持该对象。

    更多相关内容
  • event是什么?事件对象

    千次阅读 2019-04-17 09:22:52
    一、什么是event 1.event是事件函数对象,内置对象的一种 事件对象包含的几个操作原语:(这里只当了解) CreateEvent() 创建一个事件对象 OpenEvent() 打开一个事件对象 SetEvent() 设置指定的事件对象为有...

    一、什么是event

    1.event是事件函数对象,内置对象的一种
    • 事件对象包含的几个操作原语:(这里只当了解)
    CreateEvent() 创建一个事件对象
    OpenEvent() 打开一个事件对象
    SetEvent() 设置指定的事件对象为有信号状态
    WaitForSingleObject() 等待一个事件 
    WaitForMultipleObjects() 等待多个事件 
    
    WaitForMultipleObjects 函数原型: 
    WaitForMultipleObjects( 
             DWORD nCount, // 等待句柄数 
             CONST HANDLE *lpHandles, //指向句柄数组 
             BOOL bWaitAll, //是否完全等待标志 
             DWORD dwMilliseconds //等待时间 
    )
    
    2.当触发某个事件,都会产生一个事件对象Event
    • 常用场景
    <script type="text/javascript">
            // 获取节点
    	var wrap=document.getElementById('wrap');
          // 可见事件函数里面有e参数,这个e对应的就是event对象,也可以缩写成ev,每个事件函数都有这个e
    	wrap.function(e)
    	{
    		var ev=e || window.event;  //或语法,返回为真的值
    		console.log(ev);
    		// 2.事件对象点击所在的位置
             //clientX和clientY,针对于浏览器视窗而言
    		console.log("clientX:"+ev.clientX+" "+"clientY:"+ev.clientY);
    		//offsetX和offsetY相对于自身而言
    		console.log("offsetX:"+ev.offsetX+" "+"offsetY"+ev.offsetY);
    		//screenX和screenY相对于显示屏
    		console.log("screenX:"+ev.screenX+" "+"screenY:"+ev.screenY);
    		//3.点击所对应的标签
    		console.log(ev.target);
    	}
    </script>
    
    • 事件通常与函数结合使用,函数不会在事件发生前被执行!
    • event对象只在事件发生的过程中才有效。
    • event的某些属性只对特定的事件有意义。比如,fromElement 和 toElement 属性只对 onmouseover 和 onmouseout 事件有意义。

    二、event有什么用

    1.event每个事件函数都有的内置对象,里面储存着事件发生之后的信息
    2.我们可以根据这些信息做很多判断,或者是获取信息来显示
    • event对象属性和方法
    - clientX,clientY:返回当事件被触发时,鼠标指针相对于浏览器窗口可视文档区域的左上角的的水平x坐标和垂直y坐标;
    - screenX,screenY:返回当某个事件被触发时,鼠标指针相对于显示器左上角的水平x坐标和垂直y坐标;
    - offsetX,offsetY/layerX,layerY:事件发生的时候,鼠标相对于源元素左上角的位置;
    - x,y/pageX,pageY:事件发生的位置的 x 坐标和 y 坐标,它们相对于用CSS动态定位的最内层包容元素;
    - altKey,ctrlKey,metaKey,shiftKey:返回当事件被触发时,”ALT”、”TRL”、”meta”、”SHIFT”键 是否被按下;
    - keyCode:返回keydown和keyup事件发生的时候按键的代码,以及keypress 事件的- Unicode字符(firefox2不支持 event.keycode,可以用 event.which替代 );
    - button:返回当onmousedown, onmouseup, 和 onmousemove 事件被触发时,哪个鼠标按钮被点击。对其他事件,不管鼠标状态如何,都返回 0(比如onclick)。整数,1代表左键,2代表右键,4代表中键,如果按下多个键,酒把这些值加起来,所以3就代表左右键同时按下(firefox中 0代表左键,1代表中间键,2代表右键); 
    可能的值: 
    - 0 没按键
    - 1 按左键
    - 2 按右键
    - 3 按左右键
    - 4 按中间键
    - 5 按左键和中间键
    - 6 按右键和中间键
    - 7 按所有的键
    - type:事件的类型,如onlick中的click;
    - srcElement/target:事件源,就是发生事件的元素;
    - relatedTarget:返回与事件的目标节点相关的节点;
    - fromElement,toElement:对于 mouseover 和 mouseout 事件,fromElement 引用移出鼠标的元素,toElement引用移入鼠标的元素;
    - currentTarget:返回其事件监听器触发该事件的元素;
    - timeStamp:返回事件生成的日期和时间;
    - eventPhase:返回事件传播的当前阶段,1表示捕获阶段,2表示处于目标,3表示冒泡阶段;
    - detail:表示的是与事件相关的细节信息
    - bubbles:返回布尔值,指示事件是否是起泡事件类型;
    - cancelable:返回布尔值,表示是否可以取消事件的默认行为;
    - cancelBubble:一个布尔属性,默认是false。把它设置为true的时候,将阻止事件进一步起泡到包容层次的元素;(e.cancelBubble = true; 相当于 e.stopPropagation();)
    - returnValue:一个布尔属性,设置为false的时候可以阻止浏览器执行默认的事件动作;(e.returnValue = false; 相当于 e.preventDefault();)
    - defaultPrevented:表示是否调用了preventDefault()
    - initEvent(eventType,canBubble,cancelable):初始化新创建的 Event 对象的属性;
    - preventDefault(): 通知浏览器不要执行与事件关联的默认动作;
    - stopPropagation():不再派发事件;
    - attachEvent(eventType, fn),detachEvent()/addEventListener(事件类型, 回调函数, 事件机制)
    - removeEventListener:为制定 DOM对象事件类型注册多个事件处理函数的方法,它们有两个参数,第一个是事件类型,第二个是事件处理函数。事件机制分为冒泡和捕获,如果为false表示事件冒泡,为true表示事件捕获。
    - 在attachEvent()事件执行的时候,this关键字指向的是window对象,而不是发生事件的那个元素;
    
    • 突然这么大的信息量,可能不太容易接受,但是这个可以当作工具使用,当想获取到什么信息的时候可以查找对应的来使用

    三、什么情况下使用用event

    1.最常用的当然是阻止事件冒泡了
    • 阻止事件冒泡:结合监听器addEventListener+event的stopPropagation方法
    <script>
        $btn=document.querySelector('#btn');
        // 三个参数 1.事件名称 2.函数(监听器) 3.事件监听阶段-捕获阶段 冒泡阶段
        // $btn.addEventListener('click',clickFun,false);
        // function clickFun(ev) {
        //         console.log(ev);
        //     }
        /*
            添加点击事件,之前前面有on意思是绑定的意思,而现在add就是绑定的意思,所以不需要加on
            false为冒泡,true为捕获
            冒泡从里往外,比如儿子点击事件发生了,父级元素点击也可以发生
            捕获从外往内,
        */
        $btn.addEventListener('click',function(ev){
            // 阻止事件冒泡  stopPropagation()
            ev.stopPropagation();
            alert('点击了btn');
        },false);
    
        $box=document.querySelector('#box');
        $box.addEventListener('click',function(ev){
            alert('点击了box');
        },false);
        // 这里会弹出两次,点击按钮的时候.这种现象就叫事件冒泡    
    </script>
    
    2.小程序应用场景下,使用event来传递参数
    • 小程序事件传参
    html部分
    <view bindtap='setId' data-index="{{index}}">点击</view>
    js部分
    Page({
      data: {
        index:'2'
      },
      // 事件传参,在事件后面设置data-index属性:data-后的自取,在通过event来获取传的参数
      setId(e){
        let index= e.currentTarget.dataset['index'];
        console.log(index);          //  2
      },
    })
    
    • 这里演示的是传的动态参数,实用场景为遍历数组渲染根据点击传递当前点击对象的信息以获取后续详情

    四、小总结

    • event让事件更加丰富,功能更加多样性
    • 使用技巧,根据所需功能百度了解获取所需信息的方法结合项目使用
    • 不同场景下event的用法是不同的,我们需要去涉猎,遇到可以参照别人的来尝试
    展开全文
  • 二、什么是对象? 1、对象是一种具体概念 2、对象对象是人们要进行研究的任何事物,它不仅能表示具体的事物,还能表示抽象的规则、计划或事件对象具有状态,一个对象用数据值来描述它的状态。对象还有操作,用于

    一、什么是类?
    1、类是一种抽象的概念。
    2、类:具有相同的特性(数据元素)和行为(功能)的对象的抽象就是类。对象的抽象就是类,类的具体化就是对象,也可以说类的实例化就是对象,类实际上就是一种数据类型。类具有属性用数据结构来描述类的属性。类具有操作,它是对象的行为的抽象,用操作名和实现该操作的方法来描述。
    二、什么是对象?
    1、对象是一种具体概念
    2、对象:对象是人们要进行研究的任何事物,它不仅能表示具体的事物,还能表示抽象的规则、计划或事件。对象具有状态,一个对象用数据值来描述它的状态。对象还有操作,用于改变对象的状态,对象及其操作就是对象的行为。对象实现了数据和操作的结合,使数据和操作封装于对象的统一体中。
    三、类与对象之间是什么关系?
    类的实例化就是对象,而对象的抽象就是类,类描述了一组有相同特性(属性)和相同行为的对象。例如:人是一个类,具体哪一个人就是一个对象,每一个对象都符合这个类的标准。一个类的所有对象都有相同的属性(都是人),但是有着不同的属性值(名字,长相、身高)。
    四、类的特征有哪些?
    1、封装性
    就是将数据和操作封装为一个有机的整体,由于类中私有成员都是隐藏的,只向外部提供有限的接口,所以能够保证内部的高内聚性和与外部的低耦合性。用者不必了解具体的实现细节,而只是要通过外部接口,以特定的访问权限来使用类的成员,能够增强安全性和简化编程。
    简单的理解就是:封装就是将一些复杂的或是不想让你看到的事物包装起来,叫做封装。从程序的角度来说就是,把一些内部复杂的逻辑或是不想让其他人员修改程序内部进而把部分程序包装起来,叫做封装。举一个 遥控器的例子,无论是电动玩具赛车遥控器还是电视遥控器,其内部都是复杂的电路板,由于技术人员出于对电路板的保护的角度来说,通过手柄来包装都能达到这俩种效果。
    2、继承性
    继承是使用已存在的类的定义作为基础建立新类的技术,新类的定义可以增加新的属性和方法,也可以用父类的属性和方法,但不能选择性地继承父类。通过使用继承我们能够非常方便地复用以前的代码,能够大大的提高开发的效率。
    3、多态性
    同一操作作用于不同对象,可以有不同的解释,产生不同的执行结果。简单的来说就是父类引用指向子类对象。

    展开全文
  • 面向对象(Object Oriented,OO)。 面向对象(Object Oriented,OO)是软件开发方法。面向对象的概念和应用已超越了程序设计和软件开发,扩展到如数据库系统、交互式界面、应用结构、应用平台、分布式系统、网络管理结构...

    面向对象(Object Oriented,OO)。

    面向对象(Object Oriented,OO)是软件开发方法。面向对象的概念和应用已超越了程序设计和软件开发,扩展到如数据库系统、交互式界面、应用结构、应用平台、分布式系统、网络管理结构、CAD技术、人工智能等领域。面向对象是一种对现实世界理解和抽象的方法,是计算机编程技术[1]发展到一定阶段后的产物。核心特性包括:类,对象,方法,封装,继承和多态。

    对象和类解释:

     

    1.1)对象:对象是人们要进行研究的任何事物,它不仅能表示具体的事物,还能表示抽象的规则、计划或事件。对象具有状态,一个对象用数据值来描述它的状态。对象还有操作,用于改变对象的状态,对象及其操作就是对象的行为。对象实现了数据和操作的结合,使数据和操作封装于对象的统一体中。   

    1.2)对象是一种具体的概念。

    2.1)类:具有相同特性(数据元素)和行为(功能)的对象的抽象就是类。因此,对象的抽象是类,类的具体化就是对象,也可以说类的实例是对象,类实际上就是一种数据类型。类具有属性,它是对象的状态的抽象,用数据结构来描述类的属性。类具有操作,它是对象的行为的抽象,用操作名和实现该操作的方法来描述。 

    2.2) 类是一种抽象的概念。

     

    对象和类的关系:

    类与对象的关系就如模具和铸件的关系,类的实力化的结果就是对象,而对对象的抽象就是类,类描述了一组有相同特性(属性)和相同行为的对象。

    解释的通俗一点就是,人是一种类,而具体的某一个人就是一个对象,每一个对象都符合这个类型的标准。

    一个类的所有对象都有相同的属性(都是人类),但有不同的属性值(名字、身高不一样等),不同的类的属性不完全相同。

     

    展开全文
  • 在计算机科学中,对象(英语:object),台湾译作物件,是一个存储器地址,其中拥有值,这个地址可能有标识符指向此处。对象可以是一个变量,一个数据结构,或是一个函数。是面向对象(Object Oriented)中的术语,...
  • 1、什么是类? (1)类是一种抽象的概念。 (2)类:具有相同特性(数据元素)和行为(功能)的对象的抽象就是类。因此,对象的抽象是类,类的...2、什么是对象? (1)对象是一种具体的概念。 (2)对象对象是...
  • Document Object Model 文档对象模型:将标记语言文档的各个组成部分,封装为对象。可以使用这些对象,对标记语言文档进行CRUD(增删改查)的动态操作。 通过 HTML DOM(如图所示),可访问 JavaScript HTML 文档的...
  • 什么是类?什么是对象?类和对象有什么关系?

    万次阅读 多人点赞 2016-05-13 15:26:11
    面向对象(Object Oriented,OO)。 起初,“面向对象”是指在程序设计中采用封装、继承、多态等设计方法。现在,面向对象的思想已经涉及到软件开发的各个方面。如,面向对象的分析(OOA,ObjectOriented Analysis),...
  • 生活中的例子:  我家里有三个孩子,其中两个是我自己亲生的孩子,另个一个是我朋友由于出差而把他的孩子放在我家。  我朋友的孩子就是宿主(寄生)...即对象不是JavaScript语言本身的,但是可以在JavaSc...
  • 什么是对象什么是实体?它们之间关系并举例说明。 **什么是对象?**对象是人们要进行研究的任何事物,它不仅能表示具体的事物,还能表示抽象的规则、计划或事件对象具有状态,一个对象用数据值来描述它的状态。...
  • 一、 面向对象,这个对象到底是什么?    这个对象不是C#中的实例,C#中我们把一个类的实例也叫做对象,这种对象严格的说应该是面向对象的编程实现(OOP)中的对象,面向对象编程,也不是面向类的实例编程。...
  • 事件对象和target事件属性

    千次阅读 2018-07-09 16:34:23
    事件对象什么是事件对象呢?当我们触发一个事件时,便会产生一个事件对象,这个对象中包含着这个事件的相关信息,包括导致事件的元素、事件的类型、以及其它与特定事件相关的信息等。这个对象是在执行事件时,浏览器...
  • VB对象事件和方法

    千次阅读 2020-09-15 12:44:45
    对象事件事件是指对象对于外部动作的响应,当对象发生了某个事件,就会执行相应的代码,这段代码被称为“事件过程”。 事件是Visual Basic预先编辑好的并且能够被对象识别的的动作,VB采用的是事件驱动机制,当...
  • DOM常用的四大对象什么

    千次阅读 2018-06-01 21:27:00
    DOM常用的四大对象什么? 一、总结 一句话总结: 1、关注结构,关注主干 2、从主干处着手的话,可以发现dom就是四个东西,document(文档),element,attribute,event(事件)。 1、在 HTML DOM (文档...
  • 如何在vue事件中获取事件对象

    千次阅读 2021-08-10 18:38:53
    在vue2.0中,获取事件对象有三种方式: 第一种:$event关键字 <button @click="fn($event,100)">fn</button> 这里的$event是从哪里来的,非得写这个名字吗? 只需要绕道背后看看它对应生成的render函数...
  • 一、什么是面向过程? 面向过程是一种以过程为中心的编程思想,其原理就是将问题分解成一个一个详细的步骤,然后通过函数实现每一个步骤,并...二、什么是面向对象? 面向对象则是一种以对象为中心的编程思想,就是...
  • 在函数中直接使用event,可以获得事件对象,必须写成event,不然获取不到事件对象(不能写成e) 输出结果如下图 函数调用不传参数,函数接收参数 <div id="app"> <button v-on:click="fun">Say hi</button> </div> ...
  • web前端:vue事件获取当前对象

    千次阅读 2020-12-29 04:15:59
    对象,是编程术语,其广义指的是在内存上一段有意义的区域,称作为一个对象。在C中,具有特定长度的类型,可以称作为对象类型,函数不具有特定长度,所以不是对象类型。一.事件传参如点击事件.........methods:{...
  • 面向对象和面向过程很本质的差别在于考虑问题的出发点不同,面向过程是以事件流程为考量问题的出发点,而面向对象则是以参加事件的角色(对象)为考量问题的出发点,所以面向对象在处理难题时非常灵活。目前,面向过程...
  • js中事件对象event

    万次阅读 多人点赞 2018-03-06 16:40:10
    当一个事件发生的时候,和当前这个对象发生的这个事件有关的一些详细信息(包括导致事件的元素、事件的类型、以及其它与特定事件相关的信息等。这个对象是在执行事件时,浏览器通过函数传递过来的。)都会被临时保存...
  • 二、向事件处理程序传递参数(事件对象) 给函数传递额外参数:以下两种方式 < button onClick = { ( e ) => this . handleClick ( id , e ) } > < / button > < button onClick = { this . ...
  • VB6中的对象事件与事件过程(4)

    千次阅读 2020-04-07 20:46:21
    在VB中的对象事件什么 在VIsualBasice应用程序中,对象事件是由VisualBasic预先定义好的,能够被对象识别和响应的动作。 分类: 事件可分为系统事件和用户事件两种 1、系统事件是由系统或对象自己产生的...
  • VB对象及其属性、事件和方法

    千次阅读 2020-09-15 12:41:57
    在学习控件之前,我们有必要先来熟悉对象的概念,以及对象的属性、事件和方法都需要有所了解。 对象: 不论是窗体还是控件,它们都属于对象对象,是基于对现实世界的描述,对象是类的实例化,类是抽象的概念,而...
  • 事件对象event及其相关属性

    千次阅读 2020-04-01 10:11:20
    事件对象event一、什么是事件对象二、事件对象的属性1、事件对象的兼容性2、事件对象的type属性3、target 与currentTarget4、 事件对象的keyCode属性5、ctrlKey 、altKey、 shiftKey6、screenX与screenY7、offsetX ...
  • 1.获取自定义属性 var testEle = document.getElementById("test")  testEle.setAttribute("key","value"); // 设置  ...testEle.attributes["key...2.event的触发事件对象和绑定事件对象 event.target返回触发事
  • File 对象,FileList 对象,FileReader 对象 File 对象 File 对象代表一个文件,用来读写文件信息。它继承了 Blob 对象,或者说是一种特殊的 Blob 对象,所有可以使用 Blob 对象的场合都可以使用它。 最常见的使用...
  • 文章目录事件传统方式addEventListener常见的事件对象得属性和方法返回触发事件对象e.target 返回的是触发事件对象(元素)this 返回的是绑定事件对象(元素)扩展 this 有个非常相似的属性 currentTarget 在IE678...
  • uni-app - 获取事件对象

    千次阅读 2021-02-03 21:21:05
    其实基本上用不到事件对象,无论是 uni-app 还是小程序。 这里简单介绍一下在 uni-app 中如何获取事件对象。 实现 <button @click="getEvent('正常传递', $event)">获取事件对象</button> /* * 获取...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 1,460,938
精华内容 584,375
关键字:

对象的事件是什么