将事件侦听器添加到动态创建的div，并将其传递给它

Question

我发现了有关传递变量的类似问题，但没有关于传递变量的问题。

我试图基于输入到窗体创建一个div，然后附加一个事件侦听器，该侦听器调用一个要求将此事件传递给它的事件。 我已经到了创建div的地步，并根据输入的数据添加了内容。 因此，现在我尝试使用.addEventListener添加onClick事件，但看来您无法通过匿名函数传递它。 这是我正在尝试的代码。

  element.addEventListener("click", function(this){selectActiveCompetitor(this)});

sekectActiveCompetitor依赖于此传递给它，因此它可以定位正确的div

有什么解决办法吗？

Answer 1

除了上面我的评论，这是一个自动访问我所说的this关键字的示例。 单击任何按钮将导致该特定按钮上的文本被警告。

<!DOCTYPE html>
<html>
<head>
<script>
"use strict";
function allByTag(tagName,parent){return (parent == undefined ? document : parent).getElementsByTagName(tagName);}

function forEachNode(nodeList, func){for (var i=0, n=nodeList.length; i<n; i++) func(nodeList[i], i, nodeList); }

window.addEventListener('load', onDocLoaded, false);

function onDocLoaded()
{
    forEachNode( allByTag('button'), function(curNode, curIndex, nodeList){ curNode.addEventListener('click', onBtnClick, false); } );
}
/*
// expanded version of the above function
//
function onDocLoaded()
{
    var btns = allByTag('button');
    forEachNode(btns, attachBtnHandler);

    function attachBtnHandler(curNode, curIndex, nodeList)
    { 
        curNode.addEventListener('click', onBtnClick, false); 
    } 
}
*/


function onBtnClick(evt)
{
    alert(this.textContent);
}
</script>
<style>
</style>
</head>
<body>
    <button>This is btn1</button>
    <button>This is btn2</button>
    <button>This is btn3</button>
</body>
</html>

将事件侦听器添加到动态创建的div，并将其传递给它

问题描述

1 个解决方案

解决方案1
0 已采纳 2016-04-21 16:39:55

将事件侦听器添加到动态创建的div，并将其传递给它

问题描述

1 个解决方案

解决方案1 0 已采纳 2016-04-21 16:39:55

解决方案1
0 已采纳 2016-04-21 16:39:55