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

js事件对象相关随记

2.事件的三种写法 //在HTML中把事件处理函数作为属性执行JS函数 ...一.事件对象 当触发某个事件时,会产生一个事件对象,这个对象包含着所有与事件有关的信息。...在非IE浏览器下,事件对象作为事件的参数,在IE下是window.event //实现跨浏览器兼容获取event对象 input.onclick = function (evt) {...,这就是为什 么性能优化的主要思想之一就是减少DOM操作的原因;如果要用事件委托,就 会将所有的操作放到js程序里面,与dom的操作就只需要交互一次,这样就能大 大的减少与dom的交互次数,提高性能;...每个函数都是一个对象,是对象就会占用内存,对象越多,内存占用率就越大, 自然性能就越差了,比如上面的100个li,就要占用100个内存空间,如果 是1000个,10000个呢,那只能说呵呵了,如果用事件委托

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

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

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

10K50

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

二、js事件 事件是指浏览器或用户做的某些事情。 举几个例子:鼠标单击、双击某个按钮;键盘按着(不停地在输入);键盘弹起(输入结束)… 事件有好多个,暂且只学常用的几个。 ?...如果出了什么意外,只需要删除匿名函数即可,对input标签本身不用修改。 但是使用匿名函数也会有一个问题: ?...我个人的理解是: 全名函数是直接在input标签(也就是HTML中)触发的事件;而匿名函数是在js中触发的事件。...所以就算input标签在script标签的后面,也能触发事件。emm…暂且就是这样理解的。 三、js对象 学一学js中内置的几种常用对象 1数组对象 ?...在Java中,需要自定义格式,显得特别的麻烦,但是在js中直接调用该方法就可以了。 3全局对象 什么叫全局对象呢? 就是不用创建对象,直接可以使用该对象

1.8K20

GridView删除事件

首先:转摘一段GridView删除的文章 RowDeleting和RowDeleted事件 RowDeleting发生在删除数据之前,RowDeleted发生在删除数据之后。...使用RowDeleting事件,可以在真正删除前再次确认是否删除,可以通过设置GridViewDeleteEventArgs.Cancel=True来取消删除;也可以用于判断当前数据库记录数,如果只剩一条记录且数据库不能为空则提示并取消删除操作...使用RowDeleted事件,可以在删除后,通过GridViewDeletedEventArgs的Exception属性判断删除过程中是否产生异常,如无异常,则可以显示类似于” 1 Records deleted...GridView1_RowDeleting(object sender, GridViewDeleteEventArgs e) { //取得当前行号,并取得当前行的GridViewRow对象...>删除 在Div中首先触发的是OnClick事件,然后执行其他事件 例如:<a href=”Default.aspx” onclick=”return confirm(‘确定删除吗?

1.2K20

JQ事件事件对象

1 事件 一 .鼠标事件    1.ready()页面载入事件:载入文档节点    2 click()熟悉的单击事件    3 dbclick()双击事件    4 mousedown() /mouseup...有两个参数(方法),鼠标一定到指定对象以及移出时会触发 二 键盘事件    1 keydown 键盘按下时触发的事件    2 keyup     键盘松开一瞬间触发的事件    3 keypress...display','block') } //滚动条的距离scrollTop()和scrollLeft() })  2 事件对象...  JQ在事件函数中默认传递了参数event对象,    一  event对象属性        1 event .type   描述事件的类型        2 event.target  触发该事件的...         //clientX/clientY  获取相当于页面视口的坐标 //除去上下窗口      不会随着滚动条变化而变化 <script src="jquery-3.1.1.min.<em>js</em>

4.1K20

js动画事件_JavaScript事件

js之动画事件 首先,动画事件主要包括以下三个animationstart,animationiteration和animationend事件,下面做简单分别介绍。...animationstart 该事件在css动画开始播放时触发 animationiteration 该事件在css动画重新播放时触发 animationend 该事件在css动画结束播放时触发 我们知道...animation:name duration timing-function delay iteration-count direction; 分别是:动画名称 动画持续事件 动画运行速度曲线 动画开始时的运行时间...this.innerHTML="动画重新运行"; x.style.background="greenyellow"; } function myanimationend() //动画运行结束时触发,同样也是通过事件监听事件...如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除

18.3K10

event事件对象

event: 事件对象,当一个事件发生的时候,和当前这个对象发生的这个事件有关的一些详细信息都会被临时保存到一个指定的地方-event对象,供我们在需要的时候调用。...事件对象必须在一个事件调用的函数里面使用才有内容 事件函数:事件调用的函数,一个函数是不是事件函数,不在定义的时候决定,而是取决于谁调用这个函数。...注意兼容:ie/chrome :event是一个内置的全局变量 标准下的浏览器:事件对象是通过事件函数的第一个参数传入的。...(非标准浏览器ie 6 、7不支持,非标准支持event); 如果一个函数是被事件调用的,那么,这个函数定义的第一个参数就是事件对象。...,事件函数,是否捕获) 1.有捕获 2.事件名称中没有on 3.事件执行是正序 4.this指向该触发事件对象 //第三个参数:是否捕获(默认是false) false:冒泡 true:是捕获

1K20

Js 事件委托(事件代理)

一、概述 事件委托,又叫事件代理。事件委托就是利用事件冒泡,只指定一个事件处理程序,就可以管理某一类型的所有事件。 例子:有三个同事预计会在周一收到快递。...,这就是为什么性能优化的主要思想之一就是减少DOM操作的原因;如果要用事件委托,就会将所有的操作放到js程序里面,与dom的操作就只需要交互一次,这样就能大大的减少与dom的交互次数,提高性能; 每个函数都是一个对象...,是对象就会占用内存,对象越多,内存占用率就越大,自然性能就越差了(内存不够用,是硬伤,哈哈),比如上面的100个li,就要占用100个内存空间,如果是1000个,10000个呢,那只能说呵呵了,如果用事件委托...,那么我们就可以只对它的父级(如果只有一个父级)这一个对象进行操作,这样我们就需要一个内存空间就够了,是不是省了很多,自然性能就会更好。...三、事件委托原理 事件委托利用的是事件冒泡原理,将事件绑定到父级元素上,当点击子元素时,通过事件冒泡将事件传递到父级元素。  四、总结: 那什么样的事件可以用事件委托,什么样的事件不可以用呢?

11.4K30
领券