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

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

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

10K50

js事件对象相关随记

2.事件三种写法 //在HTML事件处理函数作为属性执行JS函数 ...当触发某个事件时,会产生一个事件对象,这个对象包含着所有与事件有关信息。...在非IE浏览器下,事件对象作为事件参数,在IE下是window.event //实现跨浏览器兼容获取event对象 input.onclick = function (evt) {...在JavaScript,添加到页面上事件处理程序数量将直接关系到页面的整体运 行性能,因为需要不断与dom节点进行交互,访问dom次数越多,引起浏览 器重绘与重排次数也就越多,就会延长整个页面的交互就绪时间...,这就是为什 么性能优化主要思想之一就是减少DOM操作原因;如果要用事件委托,就 会将所有的操作放到js程序里面,与dom操作就只需要交互一次,这样就能大 大减少与dom交互次数,提高性能;

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

js对象

js对象 在编程语言中,提到对象,一般都含有一个隐藏上下文面向对象编程。 面向对象编程(Object Oriented Programming,缩写为 OOP)是目前主流编程范式。..., cedf:function(){console.info("cdef")}, "arr":[1,2,3], o:{"name":"jake"} } “在js对象是属性无序集合...1.2 集合 集合是说 对象可以有很多个属性。属性之间用逗号分隔。 1.3 无序 属性与属性之间,没有先后顺序之分。 对比一下,数组元素之间有序。...2. js对象分类 众观整个js对象,可以分成三类: 内置对象 宿主对象 自定义对象 2.1 内置对象 “由ECMA实现、不依赖于宿主环境对象,这些对象js程序执行之前就已经存在了”。...js有两个运行环境: (1) 浏览器。我们在.html文件中加入js代码,再通过浏览器来打开,这里浏览器就是javascript运行环境。 在浏览器端js而言,宿主对象就是浏览器对象

6.9K50

js事件(event)

当然我们也可以不给事件绑定处理方法,也就是说当此事件发生时候,什么也不需要做,事件常有,而事件上绑定方法不一定有, 我们给页面元素某个事件绑定处理方法时候。...”事件对象赋给这个形参e,这时这个e是个系统级对象事件; IE事件对象是个全局属性window.event,而标准浏览器事件对象就是形参e; 所以事件对象兼容性写法为:e = e||window.event...; 以下是常用事件对象属性: var x =e.clientX,y=e.clientY;所有浏览器都支持,相当于浏览器鼠标的坐标; var x=e.pageX,y = e.pageY;ie8或以下不支持...;当你在一个form表单里点击提交按钮时网页会产生一个行为病刷新网页,当你网页上滚动鼠标滚轮时候,页面的滚动条会滚动等等;这些都叫事件默认行为,如果想把这些默认行为取消了,相应js代码如下: a.onclick...在W3C标准是在同一事件上,先绑定方法先执行,并且不能重复绑定同一个方法在同一个事件上,但是IE6、7、8,如果绑定方法少于9个,执行顺序是相反,超过9个,执行顺序就是混乱,这些IE问题都是比较严重

6.7K30

【JavaWeb】81:js事件以及常用对象

我个人理解是: 全名函数是直接在input标签(也就是HTML)触发事件;而匿名函数是在js触发事件。...这样匿名函数就会有一个执行顺序问题: 页面是从上到下执行,当加载到js双击事件时候,对应input标签都还没有加载呢。 那如何解决这个问题?...所以就算input标签在script标签后面,也能触发事件。emm…暂且就是这样理解。 三、js对象 学一学js内置几种常用对象 1数组对象 ?...③toLocaleString() 将时间格式转换成当前系统对应本地格式。 在Java,需要自定义格式,显得特别的麻烦,但是在js中直接调用该方法就可以了。 3全局对象 什么叫全局对象呢?...就是不用创建对象,直接可以使用该对象。 有点类似于Java静态方法,但是js更简洁,连类名都没有的。 ?

1.8K20

JsString对象

JsString对象 String全局对象是一个用于字符串或一个字符序列构造函数。...描述 创建一个字符串可以通过字面量方式,通过字面量创建字符串变量在调用方法时候能够自动转化为临时包装对象,从而能够调用其构造函数原型方法,也可以利用String对象生成字符串对象,此外在ES6...事实上,Js基本数据类型值不可变,基本类型值一旦创建就不能被改变,所有操作只能返回一个新值而不能去改变旧值。...)); // true String.prototype.indexOf() str.indexOf(searchValue [, fromIndex]) indexOf()方法返回调用String对象第一次出现指定值索引...,如果传入一个非正则表达式对象regexp,则会使用new RegExp(regexp)隐式地将其转换为正则表达式对象,如果匹配成功,则search()返回正则表达式在字符串首次匹配项索引,否则返回

7.6K20

JsSymbol对象

JsSymbol对象 ES6引入了一种新基本数据类型Symbol,表示独一无二值,最大用法是用来定义对象唯一属性名,Symbol()函数会返回symbol类型值,该类型具有静态属性和静态方法...该数据类型通常被用作一个对象属性键值,例如当想使对象属性键为私有值时。symbol类型键存在于各种内置JavaScript对象,同样自定义类也可以这样创建私有成员。...和Symbol()不同是,用Symbol.for()方法创建symbol会被放入一个全局symbol注册表。...key: 一个字符串,作为symbol注册表与某symbol关联键,同时也会作为该symbol描述。...在JavaScript,虽然大多数类型对象在某些操作下都会自动隐式调用自身valueOf()方法或者toString()方法来将自己转换成一个原始值,但symbol对象不会这么干,symbol对象无法隐式转换成对应原始值

5K00

JSArguments对象

描述 arguments 是一个对应于传递给函数参数类数组对象。 arguments对象是所有(非箭头)函数中都可用局部变量。你可以使用arguments对象在函数引用函数参数。...此对象包含传递给函数每个参数,第一个参数在索引0处。...arguments[@@iterator] 返回一个新 Array 迭代器 对象,该对象包含参数每个索引值。 特点 arguments对象和Function是分不开。...答案是: 输出结果如下: 10 2 解析: 1.第一次输出是 10 ,是因为执行了 method 第一个 fn() 函数,这时打印出来 length 指的是 window 定义 length...2.第二次输出了 2 ,这时候执行了 method 第二句。arguments[0]() ( arguments[0] ==> fn() ),此时 this 指向到了arguments对象上。

2.2K20

JsProxy对象

JsProxy对象 Proxy对象用于定义基本操作自定义行为,例如属性查找、赋值、枚举、函数调用等。...handler: 一个通常以函数作为属性对象,各属性函数分别定义了在执行各种操作时代理proxy行为。...代理允许拦截在目标对象底层操作,而这原本是Js引擎内部能力,拦截行为使用了一个能够响应特定操作函数,即通过Proxy去对一个对象进行代理之后,我们将得到一个和被代理对象几乎完全一样对象,并且可以从底层实现对这个对象进行完全监控...,其返回一个包含了代理对象本身和它撤销方法可撤销Proxy对象。...target: 将用Proxy封装目标对象,可以是任何类型对象,包括原生数组,函数,甚至可以是另外一个代理对象

2.5K20

JsNumber对象

JsNumber对象 JavaScriptNumber对象是经过封装从而能够处理数字值对象,Number对象由Number()构造器以及字面量声明值在转化为包装对象时创建,JavaScript...描述 创建一个数字可以通过字面量方式,通过字面量创建数字变量在调用方法时候能够自动转化为临时包装对象,从而能够调用其构造函数原型方法,也可以利用Number对象生成数值对象,,JavaScript...()函数相同,并且处于ECMAScript 6规范,用于全局变量模块化。...,把字符串解析成整数,如果无法被解析成整数,则返回NaN,该方法与全局parseInt()函数相同,并且处于ECMAScript 6规范,用于全局变量模块化。...在旧实现,会忽略locales和options参数,使用语言环境和返回字符串形式完全取决于实现方式。

3.4K42

JsArray对象

JsArray对象 JavaScriptArray对象是用于构造数组全局对象,数组是类似于列表高阶对象。 描述 在JavaScript通常可以使用Array构造器与字面量方式创建数组。...当然对于稀疏数组在各种浏览器中会存在优化操作,例如在V8引擎中就存在快数组与慢数组转化,此外在V8对于empty描述是一个空对象引用。...此外如果将数组索引设置为-1或者字符串等,数组length不会发生改变,此时数组这些索引将作为对象属性处理,实际上数组就是可以按照索引值来排序数据集合,是一种特殊对象。...() entries()方法返回一个新Array Iterator对象,该对象包含数组每个索引键/值对,Array Iterator对象原型__proto__:Array Iterator上有一个...options 一个可配置属性对象。 toLocaleString()返回一个字符串表示数组元素。

9.8K00

JsMath对象

JsMath对象 Math是一个内置对象,它拥有一些数学常数属性和数学函数方法,Math用于Number类型,其不支持BigInt。...描述 Math不是一个函数对象,也就是说Math不是一个构造器,Math所有属性与方法都是静态,例如引用圆周率写法是Math.PI,Math常量是使用JavaScript全精度浮点数来定义...,需要注意是,很多Math函数都有一个精度,而且这个精度在不同实现也是不相同,这意味着不同浏览器会给出不同结果,甚至在不同系统或架构下,相同Js引擎也会给出不同结果,另外三角函数sin...,其还避免了幅值过大问题,Js中最大双精度浮点数是Number.MAX_VALUE = 1.797...e+308,如果计算数字比约1e154大,计算其平方值会返回Infinity,使计算结果出现问题...Math.max()函数返回一组数最大值。

5.2K32

JsRegExp对象

JsRegExp对象 RegExp对象表示正则表达式,是由普通字符和特殊字符也叫元字符或限定符组成文字模板,用于对字符串执行模式匹配。...,返回一个结果数组或null,在设置了global或sticky标志位情况下,RegExp对象是有状态,其会将上次成功匹配后位置记录在lastIndex属性,使用此特性exec()可用来对单个字符串多次匹配结果进行逐条遍历包括捕获到匹配...,如果传入一个非正则表达式对象regexp,则会使用new RegExp(regexp)隐式地将其转换为正则表达式对象,如果匹配成功,则search()返回正则表达式在字符串首次匹配项索引,否则返回...,返回一个结果数组或null,在设置了global或sticky标志位情况下,RegExp对象是有状态,其会将上次成功匹配后位置记录在lastIndex属性,使用此特性exec()可用来对单个字符串多次匹配结果进行逐条遍历包括捕获到匹配...(pattern): 匹配pattern并获取这一匹配,所获取匹配可以从产生Matches集合得到,在VBScript中使用SubMatches集合,在JS则使用1…9属性,要匹配圆括号字符,请使用

10.5K20

JS特殊对象-数组

前言 之前学习数据类型,只能存储一个值(比如:Number/String)。我想在一个变量存储多个值,应该如何存储?...特别注意:JS不像PHP,没有关联数组. 1.2 获取数组元素 // 格式:数组名[下标] 下标又称索引 // 下标从0开始 // 功能:获取数组对应下标的那个值,如果下标不存在,则返回undefined..."pink"; 1.5 数组操作案例 案例1:求数组所有数和 //求和 var arr = [10, 20, 30, 40, 50]; //定义变量存储和 var sum = 0; for (var...i = 0; i < arr.length; i++) { sum += arr[i]; } console.log("和为:" + sum); 案例2:获取数组最大值 //最大值 var...arr = [10, 20, 30, 40, 50, 60]; //假设这个变量值是最大 var maxNum = arr[0]; //遍历数组 for (var i = 0; i < arr.length

9.1K00

【JavaScript】DOM对象&JS事件总结&全局函数

本期介绍 本期主要介绍DOM对象&JS事件总结&全局函数 文章目录 1. DOM 对象 1.1 DOM 对象是什么?有什么作用? 1.2 DOM 树介绍 1.3 DOM 和 BOM 关系 2. ...JS 事件总结 3. 全局函数(global) 3.1 执行 3.2 编码和解码 3.3 字符串转数字 1. DOM 对象 1.1 DOM 对象是什么?有什么作用?..., 通过操作对象属性或者方法,来达到操作或者改变 HTML 展示效果目的。...加载到浏览器内存 加载并解析到内存,会生成一张 DOM 树 其中: 在 DOM 树中所有的成员都可以成为节点 (Node) 整个 DOM 树,是一个文档节点对象,即...JS 事件总结 常见事件 示例代码: 鼠标键盘事件 示例代码: 3. 全局函数(global) 3.1 执行 作用:用于增强程序扩展性。

2.9K50
领券