把text放在scroll方法外面为什么就不能实现了？
来源：2-11 编程练习
笑儿911
2019-04-21 16:01:16
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>习题</title>
<style>
div {
width: 300px;
height: 200px;
overflow: scroll;
}
</style>
</head>
<body>
<p>请试着滚动 DIV 中的文本：</p>
<div>慕课网-程序员的梦工厂 慕课网-程序员的梦工厂 慕课网-程序员的梦工厂 慕课网-程序员的梦工厂 慕课网-程序员的梦工厂 慕课网-程序员的梦工厂 慕课网-程序员的梦工厂
<br /><br />
慕课网-程序员的梦工厂 慕课网-程序员的梦工厂 慕课网-程序员的梦工厂 慕课网-程序员的梦工厂 慕课网-程序员的梦工厂
<br /><br />
慕课网-程序员的梦工厂 慕课网-程序员的梦工厂 慕课网-程序员的梦工厂 慕课网-程序员的梦工厂 慕课网-程序员的梦工厂
<br /><br />
慕课网-程序员的梦工厂 慕课网-程序员的梦工厂 慕课网-程序员的梦工厂 慕课网-程序员的梦工厂 慕课网-程序员的梦工厂
</div>
<p>滚动了 <span>0</span> 次。</p>
<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script>
<script>
//此处写代码
var index = 0;
$("div").scroll(function(){
index++;
});
$("span").text(index);
</script>
</body>
</html>
1回答
-
好帮手慕星星
2019-04-21
同学你好，如果在text方法放在滚动事件外面，那么index拿到的就是初始化的0，因为text方法只会执行一次，如果放在滚动事件中，滚动的时候就可以执行text方法，这时候可以执行多次。
祝学习愉快！
0
相似问题