根据相邻元素的大小或值隐藏 flexbox 元素

【问题标题】：Hide flexbox element based on neighbor element size or value根据相邻元素的大小或值隐藏 flexbox 元素
【发布时间】：2016-10-08 02:18:23
【问题描述】：

我正在使用 flexbox 让两个相邻的元素一起浮动在同一行上。左边的元素有一些文本，右边的元素有一个数字。

如果右侧元素包含至少 7 位长度的值（> 999,999 或

关于如何处理这个问题的任何想法？我应该根据正确元素的大小还是值来制定逻辑？我希望我不必使用观察者之类的东西。

【问题讨论】：

【解决方案1】：

您可以使用 ~~"onchange"~~ "keyup" 监听器：

document.getElementById("right").addEventListener("keyup", myCheck);

效果很好：

这真的取决于正确的元素是否是文本框，如果是文本框，keyup 监听器是最好的，但如果它只是一个 div，onchange 监听器将起作用。

【讨论】：

这适用于文本框，但是如果正确的元素（带有数字）只是不可编辑的文本并且值只是设置并且不会更改，会发生什么？
好吧，如果你知道这只是一次，你可以打电话给myCheck 一次。或者，在页面加载时添加事件侦听器，甚至在它获得值之前。在小提琴中，我评论说如果它是一个 div 而不是一个文本框，它将与 onchange 事件监听器一起工作。