js中event的作用域，js中event参数

js中event的target和currentTarget的区别

这时 target 指向的是box元素，而 currentTarget 指向的是container元素，因为事件执行的直接目标是box元素。

而对于currentTarget，它指的是当事件遍历DOM时，标识事件的当前目标。它总是引用事件处理程序附加到的元素，而不是 event.target ，它标识事件发生的元素。 举个例子来说明。

target在事件流的目标阶段；currentTarget在事件流的捕获，目标及冒泡阶段。

target：触发事件的元素。currentTarget：事件绑定的元素。两者在没有冒泡的情况下，是一样的值，但在用了事件委托的情况下，就不一样了，例如： fsda ewre qewe xvc 134 document.getElementById（“ulT”）。

比如说现在有A和B，A.addChild(B) A监听鼠标点击事件，那么当点击B时，target是B；currentTarget是A 也就是说，currentTarget始终是监听事件者，而target是事件的真正发出者。希望对你有帮助。

this是Javascript语言的一个关键字。this代表函数运行时，自动生成的一个内部对象，只能在函数内部使用。

相关问答

Q1: JS中,什么时候要用Event,可不可以省略?

1、window.event代表着事件对象的状态。只有在事件发生时生效。如鼠标、键盘等事件被触发时这个对象才存在。window.event这只在IE下是这样的。他并不是标准。也就是说其他浏览器并不支持。

2、因为IE中的event是全局的，公用的，相当于window.event，所以可以不写，而FF中的event则是必须存在事件中，必须要写。

3、这个可以在IE中可以运行，因为在函数中会有一个内置的event隐藏对象。但是在Firefox中，则内置event变量为空，必须通过调用者传入一个参数来解决这个问题。

4、这一句这么写是要兼容各个浏览器，在FireFox浏览器中，事件绑定的函数要获取到事件本身，需要从函数中传入，而IE等浏览器则可以直接使用event或者window.event得到事件本身。这一句的用途：需要获取和事件相关的信息时使用。

5、js里面的event也是一样，不信就打印一下一个平淡无奇的onclick里面包含的event，只要在方法内传入参数event，或者e，还有ev然后打印，你就会发现一个新的天地。

6、b)通过上面的解应该知道为什么不能用event代替this了吧 c)js对于函数的定义是非常松，即使你在函数定义时未写任何参数，或者你定义的参数有多个，但是你调用时，一个参数也不填，也不会出错的。

Q2: 前端js之event事件(一)

1、js里面的event也是一样，不信就打印一下一个平淡无奇的onclick里面包含的event，只要在方法内传入参数event，或者e，还有ev然后打印，你就会发现一个新的天地。

2、attachEvent()，detachEvent()/addEventListener()，removeEventListener：为制定 DOM对象事件类型注册多个事件处理函数的方法，它们有两个参数，第一个是事件类型，第二个是事件处理函数。

3、Event Loop即事件循环，是解决javaScript单线程运行阻塞的一种机制。 主要是为了协调单线程下，事件、用户交互、脚本、UI 渲染和网络处理等行为，防止主线程的不阻塞。

4、有些时候需要动态加载javascript事件的一些方法往往我们需要在 JS 中动态添加事件，这就涉及到浏览器兼容性问题了，以下谈及的几种方法，我们也常常混合使用。

5、window.event代表着事件对象的状态。只有在事件发生时生效。如鼠标、键盘等事件被触发时这个对象才存在。window.event这只在IE下是这样的。他并不是标准。也就是说其他浏览器并不支持。

6、通过addEventListener()添加的事件处理程序只能使用removeEventListener()来移除；移除时传入的参数与添加处理程序时使用的参数相同。

Q3: 为什么js事件函数默认传递的参数是event

1、这样写的目的是为了实现IE和FF中event的传递。因为IE中的event是全局的，公用的，相当于window.event，所以可以不写，而FF中的event则是必须存在事件中，必须要写。

2、window.event代表着事件对象的状态。只有在事件发生时生效。如鼠标、键盘等事件被触发时这个对象才存在。window.event这只在IE下是这样的。他并不是标准。也就是说其他浏览器并不支持。

3、function(){ toUpper()；} 这个可以在IE中可以运行，因为在函数中会有一个内置的event隐藏对象。但是在Firefox中，则内置event变量为空，必须通过调用者传入一个参数来解决这个问题。

4、以e为参数的函数一般是以回调函数的形式被调用的。也就是在event发生的时候回调。调用的时候 e 就包含了发生事件的具体内容。

Q4: 在function()括号中加入event有什么作用

event详情：event代表事件的状态，例如触发event对象的元素、鼠标的位置及状态、按下的键等等。event对象只在事件发生的过程中才有效。至于event这个参数传不传，是为了兼容浏览器。

function(){ toUpper()；} 这个可以在IE中可以运行，因为在函数中会有一个内置的event隐藏对象。但是在Firefox中，则内置event变量为空，必须通过调用者传入一个参数来解决这个问题。

其实他只是代表你所定义的函数需要传递一个参数，event你可以改成任意合法的命名。

关于js中event的作用域和js中event参数的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。