动态的绑定事件addEventListener方法的使用

 更新时间:2014年01月24日 15:18:22   作者:  
本文为大家介绍下动态的绑定事件的方法addEventListener的使用示例,不了解的朋友可以参考下
复制代码 代码如下:

<script language = "javascript" type = "text/javascript">
function test(){
window.alert("你投了一次票");
//解除绑定事件
document.getElementById("but1").removeEventListener("onclick",test);
}
</script>
<body>
<input id = "but1" type = "button" value = "投票" />
<script language = "javascript" type = "text/javascript">
//动态绑定事件 可以取消绑定
document.getElementById("but1").addEventListener("onclick",test);
</script>
</body>

相关文章

  • 高亮显示web页表格行的javascript代码

    高亮显示web页表格行的javascript代码

    本文从简单的css高亮显示表格的某一行说开去,探讨了在不同浏览器下对于高亮功能的兼容性。阐述针对表格本身绑定javascript事件实现这一功能的方法。
    2010-11-11
  • JavaScript async/await原理及实例解析

    JavaScript async/await原理及实例解析

    这篇文章主要介绍了JavaScript async/await原理及实例解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2020-12-12
  • 用javascript实现计算两个日期的间隔天数

    用javascript实现计算两个日期的间隔天数

    用javascript实现计算两个日期的间隔天数...
    2007-08-08
  • js获取form的方法

    js获取form的方法

    这篇文章主要介绍了js获取form的方法,实例分析了javascript操作form表单的技巧,需要的朋友可以参考下
    2015-05-05
  • 使用原生javascript开发计算器实例代码

    使用原生javascript开发计算器实例代码

    这篇文章主要给大家介绍了关于如何使用原生javascript开发计算器的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2021-02-02
  • 第五篇Bootstrap 排版

    第五篇Bootstrap 排版

    使用bootstrap的排版特性可以创建标题,段落,列表及其它内联元素。本文重点给大家介绍Bootstrap 排版 知识,非常不错,具有参考借鉴价值,感兴趣的朋友一起学习吧
    2016-06-06
  • 通过jQuery学习js类型判断的技巧

    通过jQuery学习js类型判断的技巧

    这篇文章主要介绍了通过jQuery学习js类型判断的技巧,下面和小编一起来学习一下吧
    2019-05-05
  • 微信小程序点击item使之滚动到屏幕中间位置

    微信小程序点击item使之滚动到屏幕中间位置

    这篇文章主要介绍了微信小程序点击item使之滚动到屏幕中间位置,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2020-03-03
  • 超精准的javascript验证身份证号的方法

    超精准的javascript验证身份证号的方法

    这篇文章为大家分享了一个超精准的javascript验证身份证号的具体实现方法,根据身份证号对其进行性别的判定,感兴趣的小伙伴们可以参考一下
    2015-11-11
  • JS实现随机抽奖小功能

    JS实现随机抽奖小功能

    这篇文章主要为大家详细介绍了JS实现随机抽奖小功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-01-01

最新评论