JavaScript菜鸟教程笔记
来源:互联网 发布:人见人爱网络剧沈腾 编辑:程序博客网 时间:2024/06/09 14:23
闭包
闭包是可访问上一层函数作用域里变量的函数,即便上一层函数已经关闭。例:
var add = (function () {var counter = 0;
return function () {return counter += 1;}
})();
document.getElementById("demo").innerHTML = add();
}
监听事件
addEventListener() 方法添加的事件句柄不会覆盖已存在的事件句柄。
addEventListener() 方法可以更简单的控制事件(冒泡与捕获)。
removeEventListener() 方法来移除事件的监听。
语法:element.addEventListener(event, function, useCapture);
第一个参数是事件的类型 (如 "click" 或 "mousedown").
第二个参数是事件触发后调用的函数。
第三个参数是个布尔值用于描述事件是冒泡还是捕获。该参数是可选的。
注意:不要使用 "on" 前缀。 例如,使用 "click" ,而不是使用 "onclick"
例:
<p>实例使用 addEventListener() 方法在同一个按钮中添加多个事件。</p>
<button id="myBtn">点我</button>
<p id="demo"></p>
<script>
var x = document.getElementById("myBtn");
x.addEventListener("mouseover", myFunction);
x.addEventListener("click", mySecondFunction);
x.addEventListener("mouseout", myThirdFunction);
function myFunction() {
document.getElementById("demo").innerHTML += "Moused over!<br>"
}
function mySecondFunction() {
document.getElementById("demo").innerHTML += "Clicked!<br>"
}
function myThirdFunction() {
document.getElementById("demo").innerHTML += "Moused out!<br>"
}
- JavaScript菜鸟教程笔记
- 笔记:菜鸟教程-JavaScript
- 笔记:菜鸟教程-JavaScript
- JavaScript菜鸟教程练习
- JavaScript菜鸟教程 output
- JavaScript菜鸟教程 grammar
- JavaScript菜鸟教程Object1
- JavaScript菜鸟教程Object2
- Python菜鸟教程-笔记
- 菜鸟教程Python100例-笔记
- JQuery菜鸟教程笔记总结
- servlet学习菜鸟教程笔记
- React菜鸟教程学习笔记
- HTML菜鸟教程学习笔记
- 菜鸟的javascript学习笔记
- 菜鸟教程 Java 学习笔记 (基础教程)
- JavaScript 快捷教程 -笔记
- JavaScript教程&笔记
- 武大校赛网络赛B题
- 前端-HTML常用标签(一)
- caffe--学习中的一些知识点
- ipython notebook for ubuntu 14.04 安装步骤
- Swift开发:GCDAsyncUdpSocket 通信之UDP广播
- JavaScript菜鸟教程笔记
- rmdir命令
- [1]OkHttp介绍之Get、Post方法
- js url上添加随机数防止缓存
- [示例] -- redis作为消息队列实现代码
- C语言关键字之volatile
- caller和callee的区别
- spyder 下安装scrapy
- jsonp跨域+bootstrap表格-物流信息显示