javascript 为什么要延迟可见性:隐藏[关闭]

velaa5lx  于 2023-01-19  发布在  Java
关注(0)|答案(1)|浏览(106)

这个问题是由打字错误或无法再重现的问题引起的。虽然类似的问题在这里可能是on-topic,但这个问题的解决方式不太可能帮助未来的读者。
2小时前关门了。
Improve this question
我有两个单选按钮。我想这样做,当我点击一个,一个按钮与ID为"playMorseCode"是不可见的,但当我按下另一个它变得可见,由于某种原因,当我按下按钮,应该隐藏它,有一个延迟。但按钮,显示它使它立即可见。可能只是一个浏览器的问题,我用Firefox,如果这有助于任何。
我尝试使用onclick和javascript来更改CSS,但如上所述,它没有按预期工作。

<form>
  <input type="radio" id="engToMor" name="typeOfTrans" onclick="getElementById('playMorseCode').style.visibility = 'visible'" value="English → Morse Code">
  <label for="engToMor">English → Morse Code</label><br>
  <input type="radio" id="morToEng" name="typeOfTrans" onclick="getElementById('playMorseCode').style.visibility = 'hidden'" value="Morse Code → English">
  <label for="morToEng">Morse Code → English</label><br>
</form>

<button onclick="playMorseCode()" id="playMorseCode">
  <img width="20px" height="auto" src="https://freesvg.org/img/minimal-speaker-icon-2.png">
  Play as Sound
</button>
shstlldc

shstlldc1#

检查你的csscode.it在设置过渡时可能是一个错误。
如果不需要使用过渡和动画,可以在本例中为playMorseCode元素使用display: none;display: block

相关问题