隐藏基于邻居元素大小或值的flexbox元素

Question

我使用flexbox将两个相邻的元素放在同一行上。左边的元素有一些文本，右边的元素有一个数字。

如果右边的元素包含一个长度至少为7位的值（> 999,999或＆lt; -999,999），则应隐藏带有文本的左侧元素，以便为更大的值腾出空间。

有关如何处理此问题的任何想法？我应该根据正确元素的大小或值来制作逻辑吗？我希望我不必使用像观察者这样的东西。

Answer 1

您可以使用 "onchange" "keyup"听众：

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

效果很好：

jsFiddle here

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