js控件的监听事件怎么使用,javascript事件监听器

　　本教程运行环境：windows7系统，javascript1.8.5版本1.8.5，戴尔G3电脑。

JS实现事件监听的几种方法

　　一、行内绑定

　　内嵌绑定：通过HTML标记中的event属性执行绑定。绑定方法在事件名称上，触发的事件分配给该属性，如下所示：

　　button onclick= alert( 123 )；点击/按钮二、使用element.onclick进行事件绑定。

　　使用element.onclick进行事件绑定：通过操作DOM元素，为DOM绑定事件(使用表单内联绑定)。

　　！声明文档类型

　　超文本标记语言

　　头

　　meta charset=utf-8

　　标题/标题

　　脚本

　　window.onload=function(){

　　var BTN=document . getelementbyid( BTN )；

　　btn.onclick=function(){

　　alert( hello world )；

　　}

　　}

　　/脚本

　　/头

　　身体

　　按钮id=btn 点击/按钮

　　/body

　　/html三、使用addEventListener() 方法

　　使用addEventListener()方法接受三个参数(要处理的事件的名称、作为事件处理程序的函数和一个布尔值。如果该布尔值为真，将在事件捕获阶段调用事件处理程序，如果为假，将在事件冒泡阶段调用)。有些浏览器不支持事件捕获(比如IE8和更早的版本)，所以在捕获阶段要注意绑定事件监听器。

　　！声明文档类型

　　超文本标记语言

　　头

　　meta charset=utf-8

　　标题/标题

　　脚本

　　window.onload=function(){

　　var BTN=document . getelementbyid( BTN )；

　　btn.addEventListener(click ，function(){

　　alert( 123 )；

　　}，假)；

　　}

　　/脚本

　　/头

　　身体

　　按钮id=btn 点击/按钮

　　/body

　　/html解除事件绑定的方法：通过元素调用removeEventListener()来移除事件。传入的参数与添加事件处理函数时的参数相同，第二个参数(事件处理函数)也必须相同(指向同一个地址)，所以事件处理函数要保存在一个变量中。如果传入匿名函数，则不能移除事件侦听器。

　　注意：在IE8及以下版本中，attachEvent()用于事件绑定，接受两个参数(事件处理程序名称和事件处理程序函数)。此方法绑定的事件处理程序将在冒泡阶段执行。此方法可以绑定多个事件处理程序，但执行顺序与绑定顺序相反。

　　【推荐学习：javascript高级教程】以上是javascript如何设置事件监控的细节。更多请关注我们的其他相关文章！

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。