首页
学习
活动
专区
工具
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事件对象相关随记

1.什么是事件 JavaScript事件是由访问Web页面的用户引起一系列操作, 例如:用户点击。当用户执行某些操作时候,再去执行一系列代码。...2.事件三种写法 //在HTML中把事件处理函数作为属性执行JS函数 ...当触发某个事件时,会产生一个事件对象,这个对象包含着所有与事件有关信息。...比如我们有100个li,每个li都有相同 click点击事件,可能我们会用for循环方法,来遍历所有的li,然后给它们添 加事件,那这么做会存在什么影响呢?...,这就是为什 么性能优化主要思想之一就是减少DOM操作原因;如果要用事件委托,就 会将所有的操作放到js程序里面,与dom操作就只需要交互一次,这样就能大 大减少与dom交互次数,提高性能;

1.3K30

JS实现动态获取当前点击事件id属性值

原本要实现功能如下: 点击下图播放按钮,要弹窗播放对应视频链接。...整个页面是通过ajax请求最新4部视频进行填充完成,视频列表又是通过template-web.js插件补上去,所以导致所有ID值都是一样,一开始给按钮添加一个事件,结果是所有播放按钮都是播放第一个视频...于是,想了好多办法,又把ID属性给弄成动态ajax请求属性值,实现了每个id不一样,接下来,因为点击播放要调用一个方法,进行解析视频播放,拼接成API+视频链接格式在新打开弹窗进行展示。...具体可以看下图: 要实现点击不同按钮,并且按钮ID是动态从ajax请求获取,还要添加点击视频拼接视频链接,参考了文章,可以获取点击按钮id值,然后使用button,将链接放在value中 Dom...对象id属性可以获取元素id值。

25.6K20

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

二、js事件 事件是指浏览器或用户做某些事情。 举几个例子:鼠标单击、双击某个按钮;键盘按着(不停地在输入);键盘弹起(输入结束)… 事件有好多个,暂且只学常用几个。 ?...我个人理解是: 全名函数是直接在input标签(也就是HTML中)触发事件;而匿名函数是在js中触发事件。...所以就算input标签在script标签后面,也能触发事件。emm…暂且就是这样理解。 三、js对象 学一学js中内置几种常用对象 1数组对象 ?...③toLocaleString() 将时间格式转换成当前系统对应本地格式。 在Java中,需要自定义格式,显得特别的麻烦,但是在js中直接调用该方法就可以了。 3全局对象 什么叫全局对象呢?...就是不用创建对象,直接可以使用该对象。 有点类似于Java中静态方法,但是js中更简洁,连类名都没有的。 ?

1.8K20

js定义点击事件_回字四种写法

,触发了按钮 onclick()事件 btnObj.onclick()只是简单地调用了btnObjonclick所指向方法,只是调用方法而已,并未直接触发事件 W3C事件写法 添加事件:appEventListener...该参数是可选事件冒泡或事件捕获 事件传递有两种方式:冒泡与捕获。 事件传递定义了元素事件触发顺序。...如果你将 元素插入到 元素中,用户点击 元素, 哪个元素 “click” 事件先被触发呢?...在 冒泡 中,内部元素事件会先被触发,然后再触发外部元素,即: 元素点击事件先触发,然后会触发 元素点击事件。...在 捕获 中,外部元素事件会先被触发,然后才会触发内部元素事件,即: 元素点击事件先触发 ,然后再触发 元素点击事件

4.3K30

【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

javascript对点击事件和拖动事件区分

由于是悬浮,那么就会考虑用户会出现哪几种可能操作,一个是直接点击,另外一种就是在屏幕上先拖动几下,然后再点击。 那么为了完美的实现这个需求,那么该怎么办呢?...最重要就是要区分点击事件和拖动事件。 我们都知道,点击事件是被点击对象可看做是静止不动,而拖动事件对象很明显是移动。...那么思路就应该是先判断事件对象是否有移动现象, 但是由于不管是在点击事件和拖动事件,其都有一个鼠标按下一个过程和一个松开过程,只不过拖动事件多了一个拖动动作。...那么完整思路应是这样: 第一:先写出鼠标按下函数; 第二:编写对象是否被拖动函数; 第三:判断对象是否相对原先位置产生了位移; 第四:编写鼠标松开之后代码; 完整代码如下: var timmerHandle...自己整理了一份2018最全面前端学习资料,从最基础HTML+CSS+JS到移动端HTML5到各种框架都有整理,送给每一位前端小伙伴,这里是小白聚集地,欢迎初学和进阶中小伙伴!

4.9K30
领券