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

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

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

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

    JS遍历对象,获取key:value

    1、使用Object.keys()遍历 返回一个数组,包括对象自身的(不含继承的)所有可枚举属性(不含Symbol属性) var obj={"1":"a","2":"b"} Object.keys(...,其排列与使用 for…in 循环遍历该对象时返回的顺序一致(区别在于 for-in 循环也枚举原型链中的属性)。...3、使用Object.getOwnPropertyNames(obj)遍历 返回一个数组,包含对象自身的所有属性(不含Symbol属性,但是包括不可枚举属性) var obj={"1":"a","2":...对象声明: 1.var obj = {}//字面量,建议这种方式(方便初始化赋值) 2.var obj = new Object(); 对象赋值: 1.obj.name = "zhangsan" 2....obj["name"] = "zhangsan" 访问对象属性值: 1.obj.name 2.obj["name"] ==》底层转化为这种,所以建议使用 删除对象中的属性: delete

    31.9K11

    JS History对象:获取浏览历史

    JavaScripthistory 对象中包含了用户在浏览器中访问过的历史记录,其中包括通过浏览器浏览过的页面,以及当前页面中通过加载的页面。...我们可以通过 window 对象中的 history 属性来获取 history 对象,由于 window 对象是一个全局对象,因此在使用window.history时可以省略 window 前缀,例如...history 对象中的属性下表中列举了 JavaScript history 对象中常用的属性及其描述:属性说明length返回浏览历史的数目,包含当前已经加载的页面。...); document.write(history.state + ""); 运行结果如下:5autonullhistory 对象中的方法下表中列举了...JavaScript history 对象中常用的方法及其描述:方法说明back()参照当前页面,返回历史记录中的上一条记录(即返回上一页),您也可以通过点击浏览器工具栏中的←按钮来实现同样的效果。

    27210

    JS Screen对象:获取屏幕信息

    JavaScriptscreen 对象中包含了有关计算机屏幕的信息,例如分辨率、宽度、高度等,我们可以通过 window 对象的 screen 属性来获取它。...由于 window 对象是一个全局对象,因此在使用window.screen时可以省略 window 前缀,例如window.screen.width可以简写为screen.width。...screen 对象中的属性下表中列举了 JavaScript screen 对象中常用的属性及其描述:属性说明availTop返回屏幕上方边界的第一个像素点(大多数情况下返回 0)availLeft返回屏幕左边边界的第一个像素点...screen 对象的 width 和 height 属性来获取用户计算机屏幕的宽度和高度(单位为像素),示例代码如下:对象的 colorDepth 属性来获取用户计算机屏幕的颜色深度,示例代码如下:提示:颜色深度表示屏幕能够产生多少中颜色,例如,颜色深度为 8 的屏幕可以产生 256 种颜色(即 28)

    21710

    JS获取html对象的几种方式说明

    大家好,又见面了,我是全栈君 document.getElementById(“zx”); 通过ID获取html元素对象,ID号在html文档当中应该是唯一的。返回的是唯一element对象。...document.getElementsByTagName(“span”)[0]; 通过标签查找html对象,由于html标签在一个页面中可能重复很多次,所以当前页面返回的是一个数组。...可以根据标签出现的位置定位元素的对象。所有浏览器都兼容。...document.getElementsByName(“hh”)[0]; 通过name属性来定位html对象,但是并不是所有标签都有name属性,但是我们可以人为的加上name属性,这样也可以定位到,由于...innerHTML:这个方法是获取该html元素的具体html代码 document.getElementById(“zx”).innerHTML; 还可以更新元素的html代码: document.getElementById

    6K20

    JS Navigator对象:获取浏览器信息

    JavaScript navigator 对象中存储了与浏览器相关的信息,例如名称、版本等,我们可以通过 window 对象的 navigator 属性(即 window.navigator)来引用 navigator...对象,并通过它来获取浏览器的基本信息。...由于 window 对象是一个全局对象,因此在使用window.navigator时可以省略 window 前缀,例如window.navigator.appName可以简写为navigator.appName...navigator 对象中的属性下表中列举了 JavaScript navigator 对象中常用的属性及其描述:属性描述appCodeName返回当前浏览器的内部名称(开发代号)appName返回浏览器的官方名称...JavaScript navigator 对象中提供的方法及其描述:方法描述javaEnabled()返回浏览器是否支持运行 Java Applet 小程序,支持则返回 true,不支持则返回 falsesendBeacon

    20310

    js小技巧:延时加载Flash

    当页面中包含自动播放视频的flash播放器时,flash的流媒体播放会一直不停的下载视频(哪怕你点击了播放暂停/停止也一样在不停下载),这样会影响到页面其它元素的加载。...最简单的优化办法就是让Flash一开始不要播放:当然,你可以修改fla源文件,让视频播放一开始就处于暂停,直到用户点击了播放按钮。...但问题是,如果您嵌入的是没有源文件的flash动画,这种路子就走不通了。 思路: 可以先在放置flash的地方,放一张小图片,点击图片后再把图片元素换成对应的object标签。 js...images/rbtvs_play.gif" style="cursor:pointer" alt="点击播放视频" /> 运行代码 (注:如果点击运行代码后报js

    3.7K100

    JS对象

    概述 JavaScript中: js中的对象就是生活中对象的一个抽象, 没有特征和行为,取而代之的是有对应的属性和方法; var stu = { name : '张三',...对象.属性 = 值 如果对象有这个属性,修改这个属性 如果对象没有这个属性,添加这个属性 获取对象的属性 // 语法 对象名.属性 console.log(obj.name);...对象的属性 属性的获取 属性的添加一种是中括号[]模式 一种是小数点模式 属性判断 判断一个属性是否属于某个对象,其语法格式是: if (属性名 in 对象) { .. } eg:...// 结构 : Object.keys(对象) Object.keys(obj) 值类型与引用类型 JS数据类型 简单数据类型:number、string、boolean、undefined...typeof typeof 只能判断基本数据类型的类型 instanceof 判断对象的具体类型 constructor.name 也可以获取到对象的具体类型 typeof用于查看基本的数据类型,

    15.8K72

    【MATLAB】基本绘图 ( 句柄值 | 对象句柄值获取 | 创建对象时获取句柄值 | 函数获取句柄值 | 获取 设置 对象属性 | 获取对象属性 )

    文章目录 一、对象句柄值获取 1、句柄值 2、创建对象时获取句柄值 3、函数获取句柄值 4、获取 / 设置 对象属性 二、获取对象属性 1、获取 线 对象属性 2、获取 坐标轴 对象属性 一、对象句柄值获取...---- 1、句柄值 对象的句柄值 , 类似于编程时的引用 , 将对象的句柄值赋值给变量后 , 该变量就可以代表指定的绘图对象 ; 对象的 Handle 标识 ; 2、创建对象时获取句柄值 创建对象时获取图形对象句柄值...: 创建对象时 , 使用变量接收该对象 , 下面的代码就是使用 line_sin 变量获取 线 对象的句柄值 ; line_sin = plot(x, y) 3、函数获取句柄值 使用函数获取对象句柄值...: 查找特定对象的父容器的句柄值 ; delete : 删除对象 ; findall : 找到所有的图形对象 ; 4、获取 / 设置 对象属性 获取某个对象的属性 : 使用 get 函数 , 可以获取某个对象的属性...; get() 设置某个对象的属性 : 使用 set 函数 , 可以设置某个对象的属性 ; set() 二、获取对象属性 ---- 1、获取 线 对象属性 获取图形对象属性 : 代码示例 : % x

    14.7K30

    获取对象信息

    ,访问对象某属性或方法时,若不确定对象是否包含,要预先使用该函数进行判断,否则直接通过"对象.属性或方法"的方式会报错 getattr():获取对象某属性或方法,可使用hasattr()预先判断对象是否包含...        也可直接使用该函数获取,如果没有,则返回指定默认值,否则直接通过"对象.属性或方法"的方式会报错 setattr():给对象设置某属性或方法,并赋值   只有在不知道对象信息的时候...,才会去获取对象信息,如果可以通过"对象.属性",就不要通过 getattr()方式获取属性值   假设希望从文件流fp中读取图像,首先要判断该fp对象是否存在read方法   如果存在,则该对象是一个流...MyObject.power of >,获取对象obj的'power'方法 fn = getattr(obj,...'power') #获取对象obj的'power'方法并赋值到变量fn fn #输出:<bound method MyObject.power of <__main__.MyObject

    3.1K50

    JS Element对象(元素对象)

    我们知道,当网页加载时,浏览器就会自动创建当前页面的文档对象模型(DOM),并将文档的所有部分(例如元素、属性、文本等)组织成一个逻辑树结构(类似于族谱),逻辑树的每一个分支的终点称为一个节点,每个节点都包含一个对象...,这个对象就是我们本节要介绍的 Element 对象。...对象,在 Element 对象中同样也提供了一系列方法和属性,来操作文档中的元素或者元素中的属性。...element.focus()使元素获得焦点element.getAttribute()通过属性名称获取指定元素的属性值element.getAttributeNode()通过属性名称获取指定元素得属性节点...element.getElementsByTagName()通过标签名获取当前元素下的所有子元素的集合element.getElementsByClassName()通过类名获取当前元素下的子元素的集合

    24410
    领券