<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script src="js/jquery-172.js"></script>
<style>
.demo1{width: 50px;height: 50px;margin-left: 20px;background: #c20;float: left; cursor: pointer;}
</style>
</head>
<body>
<div class="demo1"></div>
<script>
$(function (){
$(‘.demo1‘).on(‘mouseenter‘,function (){
console.log(‘mouseenter‘);
$(this).on(‘click‘,function (){ //第移入一次div红块随后点击一下，开始出现一次click，随后2次，三次....
console.log(‘click‘); //每次移入div就追加一次click事件。导致事件累积
});
//可以这样
/*$(this).off(‘click‘).on(‘click‘,function (){
console.log(‘click‘); //这样就可以解决事件累积 原理是什么？为什么会这样？我也想知道 ^_^...
});*/
});
});
</script>
</body>
</html>
时间： 2024-12-21 07:18:58