javascript自定义对象事件的简单介绍

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

为什么javaScript中设置DOM对象绑定事件触发的函数时普通的元素对象不需...

1、函数名加括号是立即执行该函数，而DOM对象绑定的事件函数是在事件条件满足（比如点击）时才需要执行的，而不是在绑定时就执行，所以不要加括号。

2、当希望为同一个元素/标签绑定多个同类型事件的时候（如给上面的这个btn元素绑定3个点击事件），是不被允许的。DOM0事件绑定，给元素的事件行为绑定方法，这些方法都是在当前元素事件行为的冒泡阶段(或者目标阶段)执行的。

3、（1）函数有被上一级的对象所调用，那么 this 指向的就是上一级的对象。（2）多层嵌套的对象，内部方法的 this 指向离被调用函数最近的对象（window 也是对象，其内部对象调用方法的 this 指向内部对象，而非 window）。

4、还有触发事件的对象，特别是在移动端的事件中，我们更需要事件对象的各种属性，来进行相关操作。这个是与pc端不一样的地方。移动端的事件的绑定方法是通过DOM二级来进行。DOM二级来绑定事件，有很多优势。

5、在javascript进行事件处理的时候，每个添加到页面上的事件函数都将直接影响页面的整体性能，每一个函数都是一个对象，都会占用内存，而内存中的对象越多，性能就越差。而为了解决这种问题，我们就需要使用事件委托。

6、$(document).ready()是当DOM文档树加载完成后执行一个函数（不包含图片，css等）所以会比load较快执行在原生的jS中不包括ready()这个方法，Jquery才有，jquery中有 $().ready(function)。

相关问答

Q1: 使用Javascript如何实现自定义事件机制

在javascript中，document.createEvent()的函数来专门创建自定义事件。自定义事件到激发这个事件，需要document.createEvent()，event.initEvent()，element.dispatchEvent()这三步，分别是创建事件对象，初始化事件对象，触发事件。

第二个方法很好的解决了前面方法的问题，虽然这个方法可能会一开始麻烦点。毕竟所有的方法代码都要处理重复的消息提取以及验证步骤。

在IE based浏览器上，你可以用 createEventObject 和 fireEvent 函数来自定义和触发事件，在其他浏览器上用 createEvent 和 dispatchEvent 函数。

第一个参数是事件类型，就是一个字符串，第二个参数是处理事件的函数，后边的参数我也记不住。发送事件用dispatchEvent。创建事件用document.createEvent()ie要特殊处理。具体怎么用自己百度一下吧，百度不让发链接。

Q2: javascript函数、事件、对象、方法的通俗解释和他们的作用。

JavaScript是一种面向对象的语言，支持类和对象的概念，可以创建对象并定义对象的属性和方法。JavaScript是一种可以实现异步编程的语言，支持回调函数和Promise等异步编程模式，可以轻松处理异步操作和事件响应。

面向对象就是你要完成一个功能，就要先构造一个对象，再用这个对象的方法（就是函数）去完成功能比如浏览器里顶级对象就是window。

楼说的没错。没必要区分很清楚。给一个小模型给你看看。

Q3: js怎么自定义事件,并能让用on事件监听

通过发出指定侦听。在js中，有两个指令用来监控一个程序的运行时间，分别是console.time(name)和console.timeEnd(name)。这样，程序运行结束时会打印出程序的运行时间，参数名可以省略。

第一个参数是事件的类型（比如 click 或 mousedown）。第二个参数是当事件发生时我们需要调用的函数。第三个参数是布尔值，指定使用事件冒泡还是事件捕获。此参数是可选的。

我们是自定义事件，不需要像原生事件一样指定是冒泡阶段触发还是捕获阶段触发，也不需要像jQuery里一样可以额外指定那些元素触发。

vm.$emit(start，我是触发传递的参数)```Vue的$on就和addEventListener差不多，是创建一个事件监听，$emit 就和自定义事件一样，你主动创建了一个事件，并且让这个事件触发了。