javascript - 如何停止 JavaScript 中发生的事件

Question

在这个简单的待办事项列表中，当文本字段中没有任何内容时，如何阻止程序仍然创建新段落。当添加到列表为空时，我希望该函数仅输出警报，而不输出其他内容。我尝试了很多事情但没有任何效果。任何帮助是极大的赞赏。谢谢!

JS fiddle = http://jsfiddle.net/Renay/g79ssyqv/20/

<p id="addTask"> <b><u> To-Do List </u> </b> </p>
<input type='text' id='inputTask'/>
<input type='button' onclick='addText()' value='Add To List'/>

function addText(){
   var input = document.getElementById('inputTask').value;
   var node=document.createElement("p");
   var textnode=document.createTextNode(input)
   node.appendChild(textnode);
   document.getElementById('addTask').appendChild(node);

   var removeTask = document.createElement('input');
   removeTask.setAttribute('type', 'button');
   removeTask.setAttribute("value", "Remove");
   removeTask.setAttribute("id", "removeButton");
   removeTask.addEventListener('click', function() {
      node.parentNode.removeChild(node);
   }, false)
   node.appendChild(removeTask);

   if (input == "") {
      alert('Please add an entry');
   }
}

Answer 1

将您的 if 语句移动到顶部，就在您的 input 变量被赋值之后，并向其添加一个 return 以进行中断功能:

function addText() {
    var input = ...;

    if (input == "") {
        alert("...");
        return;
    }

    var node ...;
    ...
}

Amended JSFiddle demo .

When a return statement is called in a function, the execution of this function is stopped. If specified, a given value is returned to the function caller. If the expression is omitted, undefined is returned instead. (MDN)