微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

实例讲解javascript注册事件处理函数

事件是javascript的核心内容,它的重要性这里就不多介绍了。触发事件之后就需要有事件处理函数去处理,例如我们可以定义当点击一个按钮之后,将一个div的背景设置为绿色,那么就先看一下如何实现此效果代码实例如下:

rush:xhtml;"> <Meta charset=" utf-8"> javascript如何<a href="https://www.jb51.cc/tag/zhuce/" target="_blank" class="keywords">注册</a>事件处理<a href="https://www.jb51.cc/tag/hanshu/" target="_blank" class="keywords">函数</a>

以上代码使用attachEvent()函数为按钮注册onclick事件处理函数,不过只能够在IE浏览器中有效。使用detachEvent()函数可以解除原来注册的事件处理函数,语法格式如下: element.detachEvent("onevent",eventListener) 格式和attachEvent()函数式一样的。 特别说明:第一个参数的必须带有on,例如点击事件就要写成"onclick"。 2).标准浏览器: 在标准浏览器中(包括IE9和IE9以上浏览器),要使用addEventListener()和removeEventListener()函数注册删除注册处理函数。 语法格式如下: element.addEventListener('event',eventListener,useCapture); 此函数具有三个参数,第一个参数是事件类型名称,第二个参数就是要注册的事件处理函数,第三个函数规定此处理函数是在事件传递过程中的捕获阶段被调用还是冒泡阶段被调用,在认条件下,此属性值为false么也就是在冒泡阶段调用事件处理函数。 特别说明:第一个参数不能够带有on,例如点击事件不能写为"onclick",而要写成"click"。 代码实例如下:

rush:js;"> <Meta charset=" utf-8"> javascript如何<a href="https://www.jb51.cc/tag/zhuce/" target="_blank" class="keywords">注册</a>事件处理<a href="https://www.jb51.cc/tag/hanshu/" target="_blank" class="keywords">函数</a>