根據相鄰元素大小或值隱藏彈性盒元素

Question

我使用的是flexbox，將兩個相鄰元素一起浮在同一行上。左邊的元素有一些文字，右邊的元素有一個數字。

如果正確的元素包含一個長度至少爲7位數的值（> 999,999或< -999,999），則應隱藏包含文本的左側元素以爲更大的值騰出空間。

如何處理這個問題的任何想法？我應該根據正確的元素或值的大小來制定邏輯嗎？我希望我不必使用類似觀察者的東西。

Answer 1

可以使用"onchange""keyup"聽衆：

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

偉大工程：

jsFiddle here

這真的取決於如果有合適的元素是一個文本框或沒有，如果它是一個文本框，keyup監聽器是最好的，但如果它只是一個div，onchange偵聽器將工作。