Javascript 动态添加事件侦听器

我正在尝试向动态创建的对象添加事件侦听器

var teamDiv = document.createElement("div");

显然，以下方法不起作用：

teamDiv.onDragStart="drag(event)";

所以我试了一下：

teamDiv.addEventListener("dragstart",function(event){drag(event);});

及

及

但什么都不管用。有人能帮我吗

提前感谢,

你记得a）附加元素b）使其可拖动吗？见此：

var teamDiv = document.createElement('div');

// make it draggable
teamDiv.draggable = 'true';

// append it
document.body.appendChild(teamDiv);

function drag(event) {
    alert("You dragged me");
}

// either one of those will work
// teamDiv.addEventListener("dragstart", drag);
// teamDiv.ondragstart = drag;

小提琴：

事件不是驼峰式的，因此

onDragStart

不起作用，它必须是

onDragStart

。您还应该真正避免将可执行代码放入字符串中。它们将被

eval

-ed，这是完全不必要的<代码>求值是邪恶的。

您是否记得a）附加元素并b）使其可拖动？见此：

var teamDiv = document.createElement('div');

// make it draggable
teamDiv.draggable = 'true';

// append it
document.body.appendChild(teamDiv);

function drag(event) {
    alert("You dragged me");
}

// either one of those will work
// teamDiv.addEventListener("dragstart", drag);
// teamDiv.ondragstart = drag;

小提琴：

---

事件不是驼峰式的，因此

onDragStart

不起作用，它必须是

onDragStart

。您还应该真正避免将可执行代码放入字符串中。它们将被

eval

-ed，这是完全不必要的<代码>评估是邪恶的。

谢谢！我想它从一开始就起作用了。我的问题是。。。在使用Firefox检查器检查时，我希望在div标记中看到ondragstart属性。谢谢！我想它从一开始就起作用了。我的问题是。。。在使用Firefox检查器检查时，我希望在div标记中看到ondragstart属性。

var teamDiv = document.createElement('div');

// make it draggable
teamDiv.draggable = 'true';

// append it
document.body.appendChild(teamDiv);

function drag(event) {
    alert("You dragged me");
}

// either one of those will work
// teamDiv.addEventListener("dragstart", drag);
// teamDiv.ondragstart = drag;