javascript 如何使用按钮在不同的文本框中输入(我只能在十进制文本框中输入)

Question

关闭。此题需要 details or clarity 。目前不接受答案。

---

想要改进这个问题吗？通过 editing this post 添加详细信息并澄清问题.

已关闭 5 年前。

Improve this question

如何使用我的按钮为其他文本框赋值。我只能放置 1 个文本框(十进制)，如果我不希望其他按钮在使用六进制、二进制和八进制时可单击，如何禁用它们。

如何忽略其他输入或将其删除，以免破坏我的转换。

Javascript:

function showme(count) {

  document.getElementById('dec').value += count;
}

HTML:

<input id='dec' onclick="clickdecimal();" onkeyup="fromdecimal();" type="text">Decimal
<input id='bin' onclick="clickbinary();" onkeyup="frombinary();" type="text">Binary
<input id='hex' onclick="clickhexadecimal();" onkeyup="fromhexadecimal();" type="text">Hexadecimal
<input id='oct' onclick="clickoctal();" onkeyup="fromoctal();" type="text">Octal
<input id='btn' onclick="showme('1'), fromdecimal(), frombinary(), fromhexadecimal(), fromoctal();" type="button" value="1"> 

Answer 1

将这些按钮放入 div 中，并在所需字段获得焦点时显示它们:

function showme(count) {
  document.getElementById('dec').value += count;
}

function showButtons(){
  document.getElementById('buttons').style.display="block";
}

function hideButtons(){
  document.getElementById('buttons').style.display="none";
}

#buttons{display:none}

<input onfocus="showButtons()" onfocusout="hideButtons()" onclick="clickdecimal();" onkeyup="fromdecimal();" type="text" id='dec' />Decimal<br/><br/>
<input onclick="clickbinary();" onkeyup="frombinary();" type="text" id='bin' />Binary<br/><br/>
<input onclick="clickhexadecimal();" onkeyup="fromhexadecimal();" type="text" id='hex' />Hexadecimal<br/><br/>
<input onclick="clickoctal();" onkeyup="fromoctal();" type="text" id='oct' />Octal<br/><br/>
<hr>

<div id="buttons">
 <input type="button" onclick="showme('1'), fromdecimal(), frombinary(), fromhexadecimal(), fromoctal();" value="1" id='btn' />
 <input type="button" onclick="showme('2'), fromdecimal(), frombinary(), fromhexadecimal(), fromoctal();" value="2" id='btn' />
 <input type="button" onclick="showme('3'), fromdecimal(), frombinary(), fromhexadecimal(), fromoctal();" value="3" id='btn' /><br/>
 <input type="button" onclick="showme('0'), fromdecimal(), frombinary(), fromhexadecimal(), fromoctal();" value="0" id='btn' />
</div>

您可以使用Jquery Toggle将原始JS函数最小化为elem.toggle()。