html匿名函数作用域,AddEventListener匿名函数中的Javascript变量作用域

当点击每个div时,如果单击div 1则应该警告’1′,如果单击div 2则应该警告’5′.我试图尽可能地使这些代码变得容易,因为在更大的应用程序中需要这样做.

#div1 { background-color: #00ff00; margin: 10px; padding: 10px; }

#div2 { background-color: #0000ff; margin: 10px; padding: 10px; }

function init()

{

var total = 1;

var div1 = document.getElementById('div1'),

div2 = document.getElementById('div2');

var helper = function(event, id)

{

if (event.stopPropagation) event.stopPropagation();

if (event.preventDefault) event.preventDefault();

alert('id='+id);

}

div1.addEventListener('click', function(event) { helper(event, total); }, false);

total += 4;

div2.addEventListener('click', function(event) { helper(event, total); }, false);

}

1

2

谢谢你的帮助！ 🙂