javascript：如何使用google keep等原始javascript隐藏或删除元素？

Question

我正在尝试创建google keep输入文本，当我在输入文本中单击时，输入标题和按钮创建正在显示，当我点击外部输入文本时如何隐藏它们？

继承人'我的版本：

FS

更多访问：jsfiddle

Answer 1

我认为这就是你要求的：

inputNote.onblur = function removeContent() {
  for (var i = 0; i < target.length; i++) {
    target[i].setAttribute("style", "display: none;");
  }
}

https://jsfiddle.net/nb2eppu0/7/

您可以在此处找到有关此活动的更多信息： http://www.w3schools.com/jsref/event_onblur.asp

修改 正如您所评论的那样，您还需要在标题输入中进行书写，并且还能够单击按钮，我已经使用表单标记围绕所有HTML实现了这一点，并使用这个来检查元素的焦点和模糊。

当这个表单的子节点被聚焦时，它会将 showingContent 设置为true，也许您对模糊函数中的超时有疑问;这很简单，模糊在下一个焦点之前执行，因此，当元素模糊时，它会将 showingContent 变量设置为false，但是，如果新焦点位于父窗体的另一个子项上，正如我之前所说，这个变量将变为真，并且在下一个循环中将执行超时功能。

这是最后的小提琴：

https://jsfiddle.net/nb2eppu0/8/