在单击后使用javascript更改文本框的值

Change the value of a text box using javascript upon clicking

本文关键字：文本 javascript 单击      更新时间：2023-09-26

在这个程序中，我想在另一本教科书中显示答案，一旦教科书包含一个值被点击。此外，我想做到这一点，而不使用计算按钮。

所以我试图实现这个，但失败了。

 function mm() {
   if (isNaN(document.getElementById("m"))) {
     console.log("Null");
   } else {
     console.log("OK");
     var x = document.getElementById("m").value;
     var y = x * 1000;
     document.getElementById("mm")[0].innerHTML = y;
   }
 }
 function m() {
   if (isNaN(document.getElementById("mm"))) {
     console.log("Null");
   } else {
     console.log("OK");
     var x = parseInt(document.getElementById("mm").value);
     var y = x / 1000;
     document.getElementById("m")[2].innerHTML = y;
   }
 }
<div>
  <table>
    <tr>
      <td>mm</td>
      <td>
        <Input type='text' name='mm' onclick="mm();" />
      </td>
    </tr>
    <tr>
      <td>m</td>
      <td>
        <Input type='text' name='m' onclick="m();" />
      </td>
    </tr>
  </table>
</div>

所以最后我能够使用on input事件让我的代码工作。

function mm(p) {

  console.log("OK");
  var x = p;
  var y = x * 1000;
  document.getElementById("mm").value = y;
}
function m(p) {
  console.log("OK");
  var x = p;
  var y = x / 1000;
  document.getElementById("m").value = y;
}
<table>
  <tr>
    <td>m</td>
    <td>
      <Input type='text' id='m' oninput="mm(this.value);" />
    </td>
  </tr>
  <tr>
    <td>mm</td>
    <td>
      <Input type='text' id='mm' oninput="m(this.value);" />
    </td>
  </tr>
</table>

相关文章：