Question

如何使用我的按钮将值放在其他文本框上。我只能放1个文本框（十进制），如果我不想让它们在使用hexa，二进制和八进制时可以点击，我怎么能禁用其他按钮。

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

使用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()。

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

1 个答案: