js为元素添加监听事件

element.addEventListener(event, function, useCapture)

第一个参数是事件的类型（比如 "click" 或 "mousedown"）。

第二个参数是当事件发生时我们需要调用的函数。

第三个参数是布尔值，指定使用事件冒泡还是事件捕获。此参数是可选的。

注意：请勿对事件使用 "on" 前缀；请使用 "click" 代替 "onclick"。

addEventListener可以对一个dom添加多个监听器，并且会顺序执行。

开发中，会遇到多个js文件都使用window.onload，然而只有最后一个绑定的生效，如下：

window.onload = func1()

window.onload = func2()

这时可以用addEventListener来解决：

window.addEventListener('load', func1)

window.addEventListener('load', func2)

先说明一下按钮的监听事件：

//定义按钮

 public Button btn

//添加监听方法

    void Start ()

    {

        btn.GetComponent  ().onClick.AddListener (TestAction)

    }

  voidTestAction ()

    {

     //写监听事件

    }

在unity场景中创建的按钮身上添加相应的按钮事件即可。

----------------------------------------------------------------------------------------------------------------------------

如何将一张普通的Image写成按钮监听事件呢？

//定义一张图片Image  

GameObject Img

//查找 

Img= transform.Find("Image").gameObject

//添加监听事件

EventTriggerListener.Get(Img).onClick = (GameObject go) =>

  {

       //监听事件内容 

  }

 此时Unity中一个Image物体相当于一个按钮，可以做相应的事件处理了。