挑战百日学习计划(小程序开发)第16天(addEventListener)
2020-06-05 09:56
471 查看
不知不觉堕落了一周多多, 现在重新开始!
一个Js的事件监听代码 (addEventlistenter)
Element.addEventListener(“click”,myfunction);
<div id="app">www.zkelm.com</app> <button id="mybtn">更改内容</button> <script> document.getElementById("mybtn").addEventListener("click",function(){ document.getElementById("app").innerHTML="南宁小程序开发:www.zkelm.com" }) document.getElementById("mybtn").addEventListener("click",function(){ document.getElementById("app").style.color="#f55" }) </script>
输出结果: 【南宁小程序开发:www.zkelm.com】
注重说明:addEventListener 可以添加多个监控事件,而且不冲突!
移除addEventListener 方法
removeEventListener(“click”,function(){
xxxxxx
})
相关文章推荐
- 挑战百日学习计划(南宁小程序开发)第19天(javascript 对象以及数组的区别)
- 挑战百日学习计划(小程序开发)第17天(getElementsByTagName)
- 阅读程序,学习程序开发的关键环节
- 想让你的小孩学习程序开发吗?而且是面向对象程序开发
- 程序开发基础学习二(C++ Google Style 命名规则)
- 阅读程序,学习程序开发的关键环节
- 坚持学习WF(6):开发可复用的宿主程序
- 程序开发基础学习一(uml设计)
- 敏捷开发生态系统系列之四:计划跟踪II(自组织团队-开发团队自己估算-PO挑战估算-同行压力)
- 学习程序开发的方法,仅供参考吧
- Jcrontab - java定时程序进阶学习-Java基础-Java-编程开发
- 学习Java,C等程序开发的十大诀窍
- vlc学习计划(5)--VLC程序宏及线程分析
- 程序开发基础学习三(boost::bind 函数学习)
- 敏捷开发生态系统系列之四:计划跟踪II(自组织团队-开发团队自己估算-PO挑战估算-同行压力)
- 应用rails 学习开发程序(2)
- 1.0-学习Opencv与MFC混合编程之---CVMFC程序的继续开发步骤CVMFC程序的继续开发步骤
- C++学习笔记-后台服务程序开发模式
- 学习程序开发的最佳途径
- 【嵌入式Linux学习七步曲之第二篇 ARM+Linux开发环境】gdb+gdbserver的方式进行ARM程序调试