onKeyUp 事件（不起作用）？答案

【问题标题】：onKeyUp event (not work)?onKeyUp 事件（不起作用）？
【发布时间】：2014-11-12 15:48:03
【问题描述】：

我希望当我执行 mouseup 时，我可以选择删除或不使用“window.confirm”的列表。控制台说“Uncaught ReferenceError: li is not defined”。

var add =  document.getElementById('create-memo');

function newMemo(list, itemText){
    var listMemo = document.createElement('li');
    listMemo.className = 'memo';
    listMemo.innerText = itemText;
    list.appendChild(listMemo);

  listMemo.addEventListener('mouseup', removeList);
}

function removeList(){
    if (window.confirm('You want remove this memo?')) {
        li.parentNode.removeChild(listMemo);
    }
}

【问题讨论】：

请提供您的html标记和更完整的js。比如li.parentNode.removeChild(listMemo);中的li是什么
您可以使用正确的更新来编辑您的问题

标签： javascript html window addeventlistener confirm

【解决方案1】：

您要为 keyup 事件提供给 .addEventListener 的参数是 keyup，而不是 onKeyUp。更改它应该可以解决您的问题。

【讨论】：

那是什么代码？它不在问题中，当转储到评论中时它完全不可读。阅读您提出的问题和您提供的代码，此答案解释了它的问题所在。
var listMemo = document.createElement('li');

【解决方案2】：

更新

查看这个正在运行的演示。我希望它是您正在寻找的。p>

// store element reference in variable, e.g. if list has this id
var items = document.querySelectorAll('#listMemo li');

// assign event listener to each
console.dir(items);
var i;
for (i = 0; i < items.length; i++) {
  items[i].addEventListener('click', removeListItem);
  console.log('add EL to ' + i);
}

function removeListItem(mouseEvent) {
  // get element 
  //debugger;
  var element = mouseEvent.target;
  if (window.confirm('Do you want to delete "' + element.textContent + '" ?')) {
    // remove the node
    element.parentNode.removeChild(element);
  };
}

<ul id="listMemo">
  <li>first item</li>
  <li>second item</li>
  <li>third item</li>
  <li>fourth item</li>
</ul>

【讨论】：

我希望当我在 anylist 上执行 mouseup 时，我可以选择删除或不使用 if(windows.confirm('you want delete this list?'))
@UlisesContreras - Mouseup 与 keyup 不同。在任何人可以帮助您完成之前，您确实需要决定并清楚地说明您在此处实际尝试执行的操作。
我希望当我执行 mouseup 时，我可以选择删除或不使用“window.confirm”的列表。你现在明白我了吗？